Prosty akordeon w jQuery

03 lutego 2016
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Oto prosta metoda do obsługi akordeonu:

// zamyka wszystkie panele
$('#accordion').find('.content').hide();

// akordeon
$('#accordion').find('.accordion-header').click(function () {
  var next = $(this).next();
  next.slideToggle('fast');
  $('.content').not(next).slideUp('fast');
  return false;
});

Gdy dodasz ten skrypt do swojej strony, to później musisz już tylko dodać odpowiedni kod HTML, aby to zaczęło działać.

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 *