Metoda slideUp

Metoda slideUp fsheh butësisht elementet, duke i mbështjellë nga poshtë lart. T'i shfaqësh elementet mundet me ndihmën e metodës slideDown.

Sintaksa

Fshehja për një kohë të caktuar, 400ms si parazgjedhje:

.slideUp(kohëzgjatja);

Kohën mund ta cakton jo vetëm në milisekonda, por edhe me fjalët kyçe slow (600ms) dhe fast (200ms), sa më e madhe vlera, aq më e ngadaltë animacioni:

.slideUp('slow' ose 'fast');

Nëse nuk përcakton parametra - nuk do të ketë animacion, elementet do të fshihen në çast:

.slideUp();

Mundet gjithashtu si parametër i dytë të kalosh një funksion për butësi, dhe si parametër i tretë një funksion callback - do të ekzekutohet pas përfundimit të animacionit. Të dy parametrat nuk janë të detyrueshëm:

.slideUp(kohëzgjatja, [funksion butësie], [funksion callback]);

Metodës mund t'i dërgohen opsione të ndryshme, në formën e një objekti JavaScript, që përmban çifte çelës: vlerë:

.slideUp(opsione);

Një objekt i tillë mund të dërgojë parametrat dhe funksionet e mëposhtme - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Përshkrim e këtyre parametrave mund të shihni për metodën animate. Për shembull, të vendosim kohëzgjatjen dhe funksionin e butësisë:

.slideUp( {duration: 800, easing: easeInSine} );

Shembull

Le të pas shtypjes së butonit, të fshehim butësisht div prind, që përmban input dhe butonin, me ndihmën e metodës slideUp (këtë div do ta gjejmë me ndihmën e metodës parent). Duke dërguar fjalën kyçe slow, do të vendosim shpejtësinë në 600ms. Në div me #test do të shkruajmë shkrimin 'Text is hidden':

<div>
	<button>fsheh tekstin</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Shihni gjithashtu

metoda slideDown,
që tregon butësisht elementet
metoda slideToggle,
që alternon shfaqjen/fshehjen e butë të elementeve
metoda fadeOut,
që fsheh butësisht elementet, duke i bërë të tejdukshëm
metoda hide,
që fsheh butësisht elementet