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

我有简单的javascript来切换子菜单。但是有个问题。我只想一次看到一个子菜单。我怎样才能修好它

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

$（文档）.ready（函数（）{
$（“.nav>li”）。单击（函数（）{
$（this）.children（'.submenu'）.css（“左边距”，“0”）.toggle（）；
});
});

这应该可以：

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

---

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

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

---

查找活动元素并将其隐藏。如何通过单击该子菜单以外的任何其他区域来隐藏元素？@Darku类似于：

$（'html'）。单击（function（）{$（'submenu'）。hide（））

然后将

event.stopPropagation（）

添加到我上面提供的代码中。@Darku如果不知道您的代码是什么样子，我就无法真正解决它，您能做一个吗？@Darku我看不到html

。请在您的代码上单击（）。但是有了这个。。。我们再次可以同时看到2个子菜单。我是初学者，如果有什么不对劲，请不要杀了我。