Metode slideDown

Die metode slideDown toon verborge elemente stadig deur hulle van bo na onder af te rol. Elemente kan weggesteek word met die metode slideUp.

Sintaksis

Vertoon vir 'n gegewe tyd, 400ms by verstek:

.slideDown(duur);

Tyd kan nie net in millisekondes gestel word nie, maar ook met die sleutelwoorde slow (600ms) en fast (200ms), hoe groter die waarde, hoe stadiger die animasie:

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

As jy geen parameters spesifiseer nie - sal daar geen animasie wees nie, elemente sal onmiddellik verskyn:

.slideDown();

Jy kan ook 'n versnellingfunksie as tweede parameter deurgee, en 'n callback-funksie as derde - wat sal uitvoer nadat die animasie voltooi is. Albei parameters is opsioneel:

.slideDown(duur, [versnellingfunksie], [callback-funksie]);

Jy kan verskeie opsies aan die metode deurgee, in die vorm van 'n JavaScript-voorwerp wat sleutel: waarde pare bevat:

.slideDown(opsies);

So 'n voorwerp kan die volgende parameters en funksies bevat - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Beskrywing van hierdie parameters kan jy vind by die animate metode. Byvoorbeeld, laat ons die duur en versnellingfunksie stel:

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

Voorbeeld

Laat ons na 'n kliek op die knoppie, die verborge paragraaf stadig vertoon met die metode slideDown. Deur die sleutelwoord slow deur te gee, stel ons die spoed op 600ms. Na die animasie voltooi is, druk ons 'Animation complete' op die konsole:

<button>wys teks</button>
<p style="display: none">teks</p>

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

Sien ook

metode slideUp,
wat elemente stadig verberg
metode slideToggle,
wat stadige vertoning/verberging van elemente afwissel
metode fadeIn,
wat verborge elemente stadig vertoon deur hulle ondeursigtig te maak
metode show,
wat elemente stadig vertoon