Przełączanie efektów zanikania i przesuwania za pomocą jQuery

27 stycznia 2016
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

W animacjach tworzonych przy użyciu jQuery bardzo często wykorzystuje się efekty przesuwania oraz stopniowego zanikania i wyświetlania elementów, do tworzenia których idealnie nadają się metody fadeIn i slideDown. Jeśli jednak chcesz, aby pierwsze kliknięcie powodowało pojawienie się elementu, a drugie — jego zniknięcie, to możesz skorzystać z poniższego prostego skryptu:

// zanikanie
$('.btn').click(function () {
  $('.element').fadeToggle('slow');
});

// przełączenie
$('.btn').click(function () {
  $('.element').slideToggle('slow');
});

Autor: Matt Smith

Źródło: https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know

Tłumaczenie: Łukasz Piwko

Treść tej strony dostępna jest na zasadach licencji MIT

Zobacz również:

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *