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:

javascript.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:

javascript.show('slow' ili 'fast');

Ako ne navedete parametre - neće biti animacije, elementi će se prikazati trenutno:

javascript.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:

javascript.show(trajanje, [funkcija ubrzanja], [callback-funkcija]);

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

javascript.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:

javascript.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':

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

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

Pogledajte takođe