Metoda slideUp

Metoda slideUp gladno skrije elemente, jih zviljajoč navzgor. Pokazati elemente je mogoče z metodo slideDown.

Sintaksa

Skrivanje v določenem času, 400ms privzeto:

.slideUp(trajanje);

Čas je mogoče nastaviti ne le v milisekundah, ampak tudi s ključnimi besedami slow (600ms) in fast (200ms), večja kot je vrednost, počasnejša je animacija:

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

Če parametrov ne navedete - animacije ne bo, elementi bodo skriti takoj:

.slideUp();

Kot drugi parameter lahko podate tudi funkcijo zaubljanja (easing), in kot tretji parameter callback funkcijo - ki se izvede po končani animaciji. Oba parametra sta neobvezna:

.slideUp(trajanje, [funkcija zaubljanja], [callback-funkcija]);

Metodi lahko podate različne možnosti (opcije), v obliki JavaScript objekta, ki vsebuje pare ključ: vrednost:

.slideUp(možnosti);

Tak objekt lahko prenaša naslednje parametre in funkcije - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Opis teh parametrov si lahko ogledate za metodo animate. Na primer, nastavimo trajanje in funkcijo zaubljanja:

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

Primer

Po pritisku na gumb, gladno skrijimo starševski div, ki vsebuje vnosno polje in gumb, z metodo slideUp (tega div bomo našli z metodo parent). S podajanjem ključne besede slow, bomo nastavili hitrost na 600ms. V div z #test bomo izpisali napis 'Text is hidden':

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

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

Glejte tudi

metoda slideDown,
ki gladno prikaže elemente
metoda slideToggle,
ki izmenično prikazuje/skriva elemente
metoda fadeOut,
ki gladno skrije elemente, jih naredi prosojne
metoda hide,
ki gladno skrije elemente