Metoda show
Metoda show postupno prikazuje skrivene
elemente. Elemente možete sakriti pomoću metode
hide.
Sintaksa
Prikazivanje za određeno vreme u milisekundama,
400ms podrazumevano:
.show(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 animacija sporija:
.show('slow' ili 'fast');
Ako ne navedete parametre - neće biti animacije, elementi će se prikazati trenutno:
.show();
Takođe, možete drugim parametrom proslediti funkciju ubrzanja, kao i trećim callback funkciju - koja će se izvršiti nakon animacije. Oba parametra su opciona:
.show(trajanje, [funkcija ubrzanja], [callback-funkcija]);
Metodu možete proslediti različite opcije, u obliku JavaScript objekta, koji sadrži parove ključ: vrednost:
.show(opcije);
Takav objekat može sadržati sledeće
parametre i funkcije - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Opis
ovih parametara možete pogledati za metodu
animate. Na primer,
podesimo trajanje i funkciju ubrzanja:
.show( {duration: 800, easing: easeInSine} );
Primer
Nakon klika na dugme, postupno ćemo prikazati
skriveni pasus pomoću metode show. Prosleđivanjem
ključne reči slow, podesićemo brzinu
na 600ms. Nakon završetka animacije ispisaćemo u
konzolu 'Animacija završena':
<button>prikaži tekst</button>
<p style="display: none">tekst</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
