Meetod slideDown

Meetod slideDown näitab sujuvalt peidetud elemendid, kerides need ülevalt alla peidetud olekust. Elemente saab peita meetodiga slideUp.

Süntaks

Näitamine määratud aja jooksul, 400ms vaikimisi:

.slideDown(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:

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

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

.slideDown();

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

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

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

.slideDown(valikud);

Selline objekt saab edastada järgmisi parameetreid ja funktsioone - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Nende parameetrite kirjeldust saad vaadata meetodi animate puhul. Näiteks, määrame kestuse ja sujuvusfunktsiooni:

.slideDown( {duration: 600, easing: easeInSine} );

Näide

Teeme nii, et pärast nupu vajutamust näidatakse sujuvalt peidetud lõiku meetodi slideDown abil. Edastades võtmesõna slow, määrame kiiruseks 600ms. Pärast animatsiooni lõppu väljastame konsooli 'Animation complete':

<button>näita teksti</button>
<p style="display: none">tekst</p>

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

Vaata ka

meetod slideUp,
mis sujuvalt peidab elemendid
meetod slideToggle,
mis vaheldumisi sujuvalt näitab/peidab elemente
meetod fadeIn,
mis sujuvalt näitab peidetud elemente, muutes need läbipaistmatuks
meetod show,
mis sujuvalt näitab elemente