Metoda hide
Metoda hide płynnie ukrywa elementy. Pokaż
elementy można za pomocą metody
show.
Składnia
Zanikanie w zadanym czasie,
400ms domyślnie:
.hide(duration);
Czas można ustawiać nie tylko w milisekundach,
ale i słowami kluczowymi slow (600ms)
i fast (200ms), im większa wartość,
tym wolniejsza animacja:
.hide('slow' lub 'fast');
Jeśli nie podać parametrów - animacji nie będzie, elementy będą ukrywane natychmiast:
.hide();
Można też drugim parametrem przekazać funkcję płynności, a także trzecim callback-funkcję - zadziała po wykonaniu animacji. Oba parametry są opcjonalne:
.hide(duration, [funkcja płynności], [callback-funkcja]);
Można przekazać metodzie różne opcje, w postaci obiektu JavaScript, zawierającego pary klucz: wartość:
.hide(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:
.hide( {duration: 800, easing: easeInSine} );
Przykład
Zróbmy po naciśnięciu przycisku #test, płynnie
ukryjmy akapit za pomocą metody hide. Przekazując
słowo kluczowe slow, ustawimy prędkość
na 600ms. Po zakończeniu animacji wypiszemy do
konsoli 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
