Metodas slideDown

Metodas slideDown sklandiai atvaizduoja paslėptus elementus, išskleisdamas juos iš viršaus žemyn. Paslėpti elementus galima naudojant metodą slideUp.

Sintaksė

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

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

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

Jei nenurodyti parametrai - animacijos nebus, elementai bus atvaizduojami akimirksniu:

.slideDown();

Taip pat antruoju parametru galima perduoti sklandumo funkciją, o trečiuoju callback funkciją - suveiks baigus vykdyti animaciją. Abu parametrai nėra privalomi:

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

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

.slideDown(parinktys);

Tokiame objekte gali būti perduodami šie parametrai ir funkcijos - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Šių parametrų aprašymą galite peržiūrėti metode animate. Pavyzdžiui, nustatykime trukmę ir sklandumo funkciją:

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

Pavyzdys

Spustelėjus mygtuką, sklandiai atvaizduokime paslėptą pastraipą naudodami metodą slideDown. Perduodami raktažodį slow, nustatysime greitį į 600ms. Baigus animaciją, išveskime į konsolę 'Animation complete':

<button>rodyti tekstą</button>
<p style="display: none">tekstas</p>

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

Taip pat žiūrėkite

metodas slideUp,
kuris sklandiai paslepia elementus
metodas slideToggle,
kuris kaitalioja sklandų elementų atvaizdavimą/paslėpimą
metodas fadeIn,
kuris sklandiai atvaizduoja paslėptus elementus, padarydamas juos nepermatomus
metodas show,
kuris sklandiai atvaizduoja elementus