Metodas slideUp

Metodas slideUp sklandiai paslepia elementus, suskleisdamas juos iš apačios į viršų. Parodyti elementus galima naudojant metodą slideDown.

Sintaksė

Paslėpimas per nustatytą laiką, 400ms pagal nutylėjimą:

.slideUp(trukmė);

Laiką galima nurodyti ne tik milisekundėmis, bet ir raktažodžiais slow (600ms) ir fast (200ms), kuo didesnė reikšmė, tuo lėtesnė animacija:

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

Jei nenurodyti parametrai - animacijos nebus, elementai bus paslėpti akimirksniu:

.slideUp();

Taip pat antruoju parametru galima perduoti sklandumo funkciją, o trečiuoju callback funkciją - suveiks po animacijos užbaigimo. Abu parametrai nėra privalomi:

.slideUp(trukmė, [sklandumo funkcija], [callback funkcija]);

Metodui galima perduoti įvairias parinktis, JavaScript objekto pavidalu, kuriame yra poros raktas: reikšmė:

.slideUp(options);

Toks objektas gali perduoti šiuos parametrus ir funkcijas - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Aprašymą šių parametrų galite peržiūrėti metode animate. Pavyzdžiui, nustatykime trukmę ir sklandumo funkciją:

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

Pavyzdys

Po mygtuko paspaudimo, sklandiai paslėpkime tėvinį div, kuriame yra įvesties laukas ir mygtukas, naudodami metodą slideUp (šį div rasime naudodami metodą parent). Perduodę raktažodį slow, nustatysime greitį į 600ms. Į div su #test išvesime užrašą 'Text is hidden':

<div>
	<button>paslėpti tekstą</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

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

Taip pat žiūrėkite

metodas slideDown,
kuris sklandiai rodo elementus
metodas slideToggle,
kuris kaitalioja sklandų rodymą/paslėpimą elementų
metodas fadeOut,
kuris sklandiai paslepia elementus, padarydamas juos permatomus
metodas hide,
kuris sklandiai paslepia elementus