Javascript 下拉菜单一次只能打开一个

Javascript 下拉菜单一次只能打开一个,javascript,jquery,html,Javascript,Jquery,Html,我多次使用此下拉列表,只希望打开一个(单击关闭时打开其他下拉列表): $(“.dropdown-tree-a”)。单击(函数(){ if($(this).parents().hasClass('open-tree')) { $(this.parent().removeClass(“打开树”) } $(this).parent('.dropdownttree').toggleClass(“打开树活动”); }); 这里是最简单的解决方案 jQuery(“.dropdown-t

我多次使用此下拉列表,只希望打开一个(单击关闭时打开其他下拉列表):

$(“.dropdown-tree-a”)。单击(函数(){
if($(this).parents().hasClass('open-tree'))
{
$(this.parent().removeClass(“打开树”)
}
$(this).parent('.dropdownttree').toggleClass(“打开树活动”);
});


  • 这里是最简单的解决方案

    jQuery(“.dropdown-tree-a”)。单击(函数(e){
    e、 预防默认值();
    jQuery(“.dropdowntree”).removeClass(“打开树活动”);
    /**首先从所有元素中删除类**/
    jQuery(this).parents('.dropdownttree').addClass(“打开树活动”);
    /**在下一步中,找到类为“.dropdown tree”的父项,然后添加类“open tree active”。使用Css显示子项**/
    });
    
    li.dropdown-tree ul.dropdown-menu-tree{
    显示:无;
    }
    li.dropdown-tree.open-tree.active ul.dropdown-menu-tree{
    显示:块;
    }
    
    
  • 试试
    $('.open tree').removeClass('open-tree-active')而不是if语句。@jcubic有效!:)thx@calin24检查此链接。