javascript - 打开和关闭导航菜单并在单击时关闭其他导航菜单

Question

我尝试了几个不同的场所，最终回到了这个，这允许我单独打开和关闭它们，而且我也可以打开一个下拉菜单，然后打开另一个下拉菜单，而无需第一次关闭。我希望能够打开和关闭它们，并在打开其中一个时关闭所有其他的。

$('.list > li a').click(function () {
    $(this).parent().find('ul').toggle();
});

Answer 1

首先隐藏所有开关，然后显示单击的开关。

注意:我已删除 <a>标签并点击 <li>元素本身:

$('.list > li').click(function () {
    $('.list  li').hide();
    $(this).find('ul').toggle();
});