javascript - 如何在应用显示 :none with jQuery 后正确显示元素

Question

我遇到了一个非常棘手的问题，我无法在通过点击事件添加 display:none 后触发下拉菜单。我之前尝试通过悬停事件将其添加回来，但在某些浏览器中似乎一直触发，所以我放弃了它并完全卡住了。使用以下代码，如何在切换显示属性后再次正确显示下拉菜单。

$(document).ready(function() {
    $('li.active ul.sub-menu.dropdown a').click(function() { 
        if($("li.active ul.sub-menu.dropdown").css("display", "block")){
           $("li.active ul.sub-menu.dropdown").hide();
        }
    });
})

很抱歉之前问过类似的问题，但我之前并没有真正理解这个问题。如果我越界了，我深表歉意，但我真的被困住了。非常感谢任何帮助。

Answer 1

您是否尝试过只使用 .toggle()？

$(document).ready(function() {
    $('li.active ul.sub-menu.dropdown a').click(function() { 
        $("li.active ul.sub-menu.dropdown").toggle();
    });
})

它会自动检查元素是否可见，然后切换显示属性。