Prosty akordeon w jQuery
03 lutego 2016
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 jest dostępna na zasadach licencji MIT
Zobacz również:
- Przycisk powrotu do góry w jQuery
- Wczytywanie obrazów na zapas za pomocą jQuery
- Sprawdzanie za pomocą jQuery czy obrazy zostały już załadowane
- Automatyczne poprawianie uszkodzonych obrazów za pomocą jQuery
- Zmienianie klas za pomocą jQuery w reakcji na najechanie kursorem na element
- Wyłączanie pól formularza za pomocą jQuery
- Wyłączanie odnośników za pomocą jQuery
- Przełączanie efektów zanikania i przesuwania za pomocą jQuery