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:

javascript.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:

javascript.hide('slow' lub 'fast');

Jeśli nie podać parametrów - animacji nie będzie, elementy będą ukrywane natychmiast:

javascript.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:

javascript.hide(duration, [funkcja płynności], [callback-funkcja]);

Można przekazać metodzie różne opcje, w postaci obiektu JavaScript, zawierającego pary klucz: wartość:

javascript.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:

javascript.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':

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Zobacz też