Jquery 要在其他父菜单上隐藏的子菜单单击

我正在为一个自定义视差网站构建一个包含子菜单的菜单。单击父菜单；所需的子菜单将保持显示状态。我想做的是在单击其他父菜单项时隐藏子菜单。我真的需要一些帮助，因为我是j query的新手。这是我的密码

HTML

JQUERY

$('.navigation2').hide();
$('.navigation').children().click(function () {
    $(this).children('.navigation2').slideToggle(1000);
}).children('.navigation2').click(function (event) {
    event.stopPropagation();

}); 

---

给你的所有子菜单设置一个类似“submenu”的类

然后，单击任一父菜单，您可以通过执行以下操作隐藏所有子菜单：

$('.submenu').hide();

---

在单击事件开始时，隐藏当前li的同级导航2元素

$('.navigation').children().click(function () {
    $(this).siblings().children('.navigation2').hide(); //add this line
    // rest of your code here.
});

$('.submenu').hide();

$('.navigation').children().click(function () {
    $(this).siblings().children('.navigation2').hide(); //add this line
    // rest of your code here.
});