Metoda hide
Metoda hide ascunde elementele în mod gradual. Puteți afișa
elementele folosind metoda
show.
Sintaxă
Dispariția în timpul specificat,
400ms în mod implicit:
.hide(durată);
Timpul poate fi specificat nu doar în milisecunde,
ci și prin cuvintele cheie slow (600ms)
și fast (200ms), cu cât valoarea este mai mare,
cu atât animația este mai lentă:
.hide('slow' sau 'fast');
Dacă nu specificați parametri - nu va exista animație, elementele vor fi ascunse instantaneu:
.hide();
De asemenea, puteți transmite ca al doilea parametru o funcție de easing, și ca al treilea parametru o funcție callback - care se va executa după finalizarea animației. Ambii parametri sunt opționali:
.hide(durată, [funcție de easing], [funcție callback]);
Puteți transmite metodei diverse opțiuni, sub forma unui obiect JavaScript, care conține perechi cheie: valoare:
.hide(opțiuni);
Un astfel de obiect poate transmite următorii
parametri și funcții - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Descrierea
acestor parametri o puteți consulta pentru metoda
animate. De exemplu,
să setăm durata și funcția de easing:
.hide( {duration: 800, easing: easeInSine} );
Exemplu
După apăsarea butonului #test, să ascundem în mod gradual
paragraful folosind metoda hide. Transmițând
cuvântul cheie slow, vom seta viteza
la 600ms. După finalizarea animației, vom afișa în
consolă 'Animation complete':
<button id="test">ascunde textul</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
