Metod hide
Metod hide postepeno skriva elemente. Pokazati
elemente može se pomoću metoda
show.
Sintaksa
Nestajanje za zadato vreme,
400ms podrazumevano:
.hide(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:
.hide('slow' ili 'fast');
Ako se ne navedu parametri - neće biti animacije, elementi će se skrivati trenutno:
.hide();
Može se takođe drugim parametrom proslediti funkcija ubrzanja, kao i trećim callback funkcija - izvršiće se po završetku animacije. Oba parametra su opciona:
.hide(trajanje, [funkcija ubrzanja], [callback funkcija]);
Metodu se mogu proslediti različite opcije, u obliku JavaScript objekta, koji sadrži parove ključ: vrednost:
.hide(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:
.hide( {duration: 800, easing: easeInSine} );
Primer
Nakon klika na dugme #test, postepeno
sakrijmo pasus pomoću metoda hide. Prosledivši
ključnu reč slow, podesićemo brzinu
na 600ms. Po završetku animacije ispisaćemo u
konsolu 'Animation complete':
<button id="test">sakrij tekst</button>
<p>tekst</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
