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检查此链接。