Metoda show
Metoda show płynnie pokazuje ukryte
elementy. Ukryć elementy można za pomocą metody
hide.
Składnia
Pokazanie w zadanym czasie w milisekundach,
400ms domyślnie:
.show(duration);
Czas można zadawać nie tylko w milisekundach,
ale i słowami kluczowymi slow (600ms)
i fast (200ms), im większa wartość,
tym wolniejsza animacja:
.show('slow' lub 'fast');
Jeśli nie podać parametrów - animacji nie będzie, elementy będą pokazywane natychmiast:
.show();
Można też drugim parametrem przekazać funkcję płynności, a także trzecim funkcję callback - zadziała po wykonaniu animacji. Oba parametry są opcjonalne:
.show(duration, [funkcja płynności], [funkcja callback]);
Metodzie można przekazać różne opcje, w postaci obiektu JavaScript, zawierającego pary klucz: wartość:
.show(options);
Taki obiekt może przekazywać następujące
parametry i funkcje - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Opis
tych parametrów można zobaczyć dla metody
animate. Na przykład,
ustawmy długość i funkcję płynności:
.show( {duration: 800, easing: easeInSine} );
Przykład
Po naciśnięciu przycisku, płynnie pokazujmy
ukryty akapit za pomocą metody show. Przekazując
słowo kluczowe slow, ustawimy prędkość
na 600ms. Po zakończeniu animacji wypiszemy do
konsoli 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
