Metode slideDown

Metode slideDown gludi parāda paslēptus elementus, izritinot tos no augšas uz leju. Paslēpt elementus var ar metodi slideUp.

Sintakse

Parādīšana noteiktā laikā, 400ms pēc noklusējuma:

.slideDown(duration);

Laiku var norādīt ne tikai milisekundēs, bet arī ar atslēgvārdiem slow (600ms) un fast (200ms), jo lielāka vērtība, jo lēnāka animācija:

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

Ja neizsauc parametrus - animācijas nebūs, elementi tiks parādīti acumirklī:

.slideDown();

Var arī kā otro parametru padot animācijas funkciju, un kā trešo callback funkciju - izpildīsies pēc animācijas pabeigšanas. Abi parametri nav obligāti:

.slideDown(duration, [easing function], [callback function]);

Metodei var padot dažādas opcijas, JavaScript objekta veidā, kas satur pārus atslēga: vērtība:

.slideDown(options);

Šāds objekts var padot sekojošus parametrus un funkcijas - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Šo parametru aprakstu var apskatīt metodei animate. Piemēram, iestatīsim ilgumu un animācijas funkciju:

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

Piemērs

Pēc pogas nospiešanas, gludi parādīsim paslēpto rindkopu ar metodi slideDown. Padodot atslēgvārdu slow, mēs iestatīsim ātrumu uz 600ms. Pēc animācijas pabeigšanas izvadīsim konsolē 'Animation complete':

<button>rādīt tekstu</button>
<p style="display: none">teksts</p>

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

Skatiet arī

metode slideUp,
kura gludi paslēpj elementus
metode slideToggle,
kura pārmaiņus veic gludu parādīšanu/paslēpšanu
metode fadeIn,
kura gludi parāda paslēptus elementus, padarot tos necaurspīdīgus
metode show,
kura gludi parāda elementus