javascript - 单击另一个子菜单时如何隐藏一个子菜单

Question

我有简单的 javascript 来切换子菜单。但是有一个问题。我只想一次看一个子菜单。我该如何解决？

<script type="text/javascript">
$(document).ready(function() {
    $(".nav > li").click(function(){
        $(this).children('.submenu').css("margin-left", "0").toggle();
    });
});
</script>

Answer 1

这应该有效：

$('.submenu').hide();                 // hide all submenu's
$(this).children('.submenu').show();  // show the one you clicked

Answer 2

先关闭所有打开的子菜单，然后只显示点击的菜单的子菜单：像这样

$(".nav > li").click(function(){
    ('.submenu').hide();
    $(this).children('.submenu').css("margin-left", "0").show();
});