Meetod slideUp

Meetod slideUp peidab elemendid sujuvalt, kerides need üles alt. Näidata elemente saab meetodi abil slideDown.

Süntaks

Peitmine määratud aja jooksul, 400ms vaikimisi:

.slideUp(kestus);

Aega saab määrata mitte ainult millisekundites, vaid ka võtmesõnadega slow (600ms) ja fast (200ms), mida suurem väärtus, seda aeglasem animatsioon:

.slideUp('slow' või 'fast');

Kui parameetreid ei määrata - animatsiooni ei toimu, elemendid peidetakse koheselt:

.slideUp();

Saab ka teise parameetrina edastada sujuvusfunktsiooni, ning kolmandana callback-funktsiooni - käivitub pärast animatsiooni lõppu. Mõlemad parameetrid on valikulised:

.slideUp(kestus, [sujuvusfunktsioon], [callback-funktsioon]);

Saab meetodile edastada erinevaid valikuid, JavaScripti objekti kujul, mis sisaldab paare võti: väärtus:

.slideUp(valikud);

Selline objekt saab edastada järgmisi parameetreid ja funktsioone - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Kirjelduse nende parameetrite kohta saate vaadata meetodi animate jaoks. Näiteks, määrame kestuse ja sujuvusfunktsiooni:

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

Näide

Peidame pärast nupu vajutamist sujuvalt vanem div, mis sisaldab inputit ja nuppu, meetodi slideUp abiga (selle div leiame meetodi abil parent). Edastades võtmesõna slow, määrame kiiruseks 600ms. div-i #test sisse väljastame kirje 'Text is hidden':

<div>
	<button>peida 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');
	});
});

Vaata ka

meetod slideDown,
mis näitab elemente sujuvalt
meetod slideToggle,
mis vaheldab sujuvalt elementide näitamist/peitmist
meetod fadeOut,
mis peidab elemendid sujuvalt, muutes need läbipaistvaks
meetod hide,
mis peidab elemendid sujuvalt