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:

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

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

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

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

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

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

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

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

html<button>show text</button>
<p style="display: none">text</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Zobacz też