Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как работают аккордеоны? (https://javascript.ru/forum/jquery/62748-kak-rabotayut-akkordeony.html)

dimensi 27.04.2016 09:40

Как работают аккордеоны?
 
Написал 2 такие хреньки
Хренька 1
Хренька 2
Делал ее долго, потому, что с Js и Jq говорю на вы. Где-то часа 2-3 (ну во втором примере, первый то быстро). Путем проб и ошибок добился того, чего надо. Но понял, что не знаю как сделать так, чтоб когда раскрыт один блок, то второй автоматом закрывается. Прямо как в аккордеоне в jQ ui.
Подскажите, как мне сделать, так, чтоб при открытии одного блока, другой закрывался? Заранее спасибо.

рони 27.04.2016 09:51

dimensi,
Открывашка 251 открыть/закрыть блок по кнопке или вне блока
и другие открывашки ...

dimensi 27.04.2016 13:51

А можно логику скрипта объяснить? Я просто даже не знаю как это перенастроить под себя.

рони 27.04.2016 15:24

dimensi,
со всех кнопок кроме текущей активный класс снимается removeClass, на текущей кнопке класс меняется toggleClass, все блоки кроме текущего закрываются slideUp, текущий блок меняет состояние slideToggle;

две строки в клике достаточно ...

рони 27.04.2016 15:35

dimensi,
var child = $(".have-child"),
    time = $(".no-time");
child.click(function() {
    child.not($(this).toggleClass("open")).removeClass("open");
    time.not($(this).next().slideToggle()).slideUp()
});


Часовой пояс GMT +3, время: 23:58.