如何在单击另一个子菜单时隐藏它们

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();
});