javascript - HTML 列表打开状态的选择器

Question

是否有可能找出列表中的哪个容器已经打开而哪些仍然关闭？

目前，我在具有特定 的 div 上使用slideDown(),slideDown()和, 但我想打开没有这些类的所有其他 divaddClassclass="section_hdl_aktiv"

这是一段 JS ：

if (state == "") {
    jQuery('#app-control-list ul li ul').slideDown();
    state = "open";
    jQuery('#app-control-list ul li').addClass("section_hdl_aktiv");
    console.log(state); 
} else if (state == "open") {   
    jQuery('#app-control-list ul li ul').slideUp(); 
    jQuery('#app-control-list ul li').removeClass("section_hdl_aktiv");
    state = "closed";   
    console.log(state);             
} else if (state == "closed") {
    jQuery('#app-control-list ul li ul').slideDown();
    jQuery('#app-control-list ul li').addClass("section_hdl_aktiv");
    state = "open";
    console.log(state);
} 

有人有想法吗？

Answer 1

是的。使用 jQuery，您可以编写如下语句...

if($('#app-control-list').is(':visible')) { ... }

或者

if($('#app-control-list').css('display') == 'none')) { ... }

查看您发布的代码，我无法确切知道您要做什么，但是如果您可以发布您的 html，那将有所帮助。

Answer 2

你有没有尝试过

$("#app-control-list ul li").not("section_hdl_aktiv").each(function() {
    $(this).slideDown()
}

这应该找到所有没有 section_hdl_aktiv 类的元素并将它们向下滑动。