Metod slideDown

Metod slideDown postepeno prikazuje skrivene elemente, "izvlačeći" ih odozgo na dole. Elementi se mogu sakriti pomoću metoda slideUp.

Sintaksa

Prikaz u zadatom vremenskom periodu, podrazumevano 400ms:

.slideDown(trajanje);

Vreme se može zadati ne samo u milisekundama, već i ključnim rečima slow (600ms) i fast (200ms), što je veća vrednost, to je sporija animacija:

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

Ako se ne navedu parametri - neće biti animacije, elementi će se prikazati trenutno:

.slideDown();

Takođe se može drugim parametrom proslediti funkcija ubrzanja (easing), kao i trećim parametrom callback funkcija - koja će se izvršiti nakon animacije. Oba parametra su opciona:

.slideDown(trajanje, [funkcija ubrzanja], [callback funkcija]);

Metodu se mogu proslediti različite opcije, u obliku JavaScript objekta, koji sadrži parove ključ: vrednost:

.slideDown(opcije);

Takav objekat može da sadrži sledeće parametre i funkcije - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Opis ovih parametara možete pogledati za metod animate. Na primer, podesimo trajanje i funkciju ubrzanja:

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

Primer

Hajde da nakon klika na dugme, postepeno prikažemo skriveni pasus pomoću metoda slideDown. Prosleđivanjem ključne reči slow, podesićemo brzinu na 600ms. Nakon završetka animacije, ispisaćemo u konzolu 'Animation complete':

<button>prikaži tekst</button>
<p style="display: none">tekst</p>

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

Pogledajte takođe

metod slideUp,
koji postepeno sakriva elemente
metod slideToggle,
koji naizmenično prikazuje/skriva elemente
metod fadeIn,
koji postepeno prikazuje skrivene elemente, čineći ih neprozirnim
metod show,
koji postepeno prikazuje elemente