FIDDLEJQuery slideToggle вложенных ули
Недавно я изменил мою разметку и с тех пор моя функция переключения JQuery не работает больше. Я пытался справиться с этим, но у меня есть несколько требований, которые я просто не знаю, как их решить.
Вот что я хочу добиться:
нажав на ссылку 1 или 2 slideToggles его уль (с подканалом 1 и т.д.)
мыши на подканалом 1 или 2 slideToggle его уль (с Snippet 1 и т. Д.)
нажав на любой закрытый элемент, он должен ЗАКРЫТЬ любой другой открытый элемент. Значит, когда ссылка 2 открыта, и я нажимаю ссылку 1, ссылка 2 должна закрываться. Когда Sublink 2 открыт, и я нажимаю на Sublink 1, Sublink 2 должен закрыться. И важно: когда Sublink 1 под Link 1 открыт, я нажимаю Link 2, а затем снова на Link 1, Sublink 1 должен быть закрыт и не оставлен открытым
Щелчок дважды на том же элементе не должен переключаться в и в то же время
должно быть возможно иметь, например, Link x, Sublink x AND Snippet x с классом «active», чтобы узнать, где именно он (active = other backgroundcolor). Так что мой toggleClass не то, что правильно ..
Для того, чтобы иметь возможность изменить внешний вид элементов списка, вы должны изменить режим отображения из none
в block
$("#sidebar-left .submenu-ebene2").css('display', 'block');
$("#sidebar-left .submenu-ebene3").css('display', 'none');
Любой помощь приветствуется. Спасибо, что нашли время!
Вот JQuery:
$("#sidebar-left .submenu-ebene2").css('display', 'none');
$("#sidebar-left .submenu-ebene3").css('display', 'none');
$("ul > li.closed").click(function (e) {
if (e.target === this) {
$(this).siblings("li.open").find(" > ul").slideToggle('fast', function() {
$(this).parents("li.open:first").toggleClass("open closed");
});
$(this).toggleClass("closed open").find(" > ul").slideToggle('fast');
}
});
$(".link").click(function(e) {
$(".active").toggleClass("inactive active");
$(this).addClass("active").removeClass("inactive");
});
Ну, это решает одну из моих проблем. Но я не вижу, чтобы другие работали с ним. В любом случае, я стараюсь работать с ним. Спасибо вам за это! – sqe
Обновлен скрипка и код. Теперь работает для подменю. Поймите, что HTML ужасен, и я добавил класс к первому UL. –