Metoda show
Metoda show afișează gradual elementele
ascunse. Elementele pot fi ascunse cu ajutorul metodei
hide.
Sintaxă
Afișare pe o durată dată în milisecunde,
400ms implicit:
.show(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ă:
.show('slow' sau 'fast');
Dacă nu sunt specificați parametri - nu va exista animație, elementele vor fi afișate instantaneu:
.show();
De asemenea, se poate transmite un al doilea parametru o funcție de easing, și un al treilea parametru o funcție callback - se va executa după finalizarea animației. Ambii parametri sunt opționali:
.show(durată, [funcție easing], [funcție callback]);
Metodei i se pot transmite diverse opțiuni, sub forma unui obiect JavaScript, care conține perechi cheie: valoare:
.show(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 vedea pentru metoda
animate. De exemplu,
să setăm durata și funcția de easing:
.show( {duration: 800, easing: easeInSine} );
Exemplu
După apăsarea butonului, să afișăm gradual
un paragraf ascuns cu ajutorul metodei show. Transmițând
cuvântul cheie slow, vom seta viteza
la 600ms. După finalizarea animației vom afișa în
consolă 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
