Question

当你点击chlildren div与类.navi-submenu以使该类处于活动状态时，我想制作一个菜单..然后它是可见的......它有效..但它不再关闭了如果我点击一段时间...我认为这句话是假的..你能帮助我吗？

$("#main-navi ul li").click(function(event){
    event.preventDefault(); 

    var i = $(this).children(".navi-submenu");

    if(i.hasClass("active")){
        i.removeClass("active");
    }else{
        i.addClass("active");
    }
});

Answer 1

尝试使用toggleClass（）

$("#main-navi ul li").click(function(event){ event.preventDefault();
 $(this).find(".navi-submenu").toggleClass('active');
});

我已经将函数children（）更改为find（），对我来说这感觉更可靠，因为感觉就像children（）寻找直接子节点，而find（）查看自身内的每个元素。顺便说一下，这不是基于实际的事实，而是我想的偏好/直觉。

单击打开/关闭子菜单

1 个答案: