单击“新建”选项卡时关闭嵌套Jquery手风琴菜单

我正在为移动设备上的导航制作一个简单的手风琴。HTML的结构如下所示：

    <nav>
    <ul id="topMenu">
    <li>
        <ul>
            <li><h3><a href="#">Work</a></h3></li>
            <li><a href="/work/">Brand ID</a></li>
            <li><a href="/work/">Print</a></li>
            <li><a href="/work/">Book & Editorial</a></li>
            <li><a href="/work/">Web</a></li>
            <li><a href="/work/">Packaging</a></li>
            <li><a href="/work/">Exhibit</a></li>
        </ul>
    </li>
    <li>
        <ul>
            <li><h3><a href="#">About</a></h3></li>
            <li><a href="/about/">Our Story</a></li>
            <li><a href="/about/">Methodology</a></li>
            <li><a href="/about/">Team</a></li>
            <li><a href="/about/">Studio</a></li>
            <li><a href="/about/">Services</a></li>
            <li><a href="/about/">Partners</a></li>
        </ul>
    </li>
</ul>
</nav>

这很有效；然而，我正在寻找一种行为，当一个面板打开时，其他面板关闭。因此，在任何给定的时间，手风琴上只有一块面板是打开的。这是手风琴的常见行为

---

当用户单击任何父级列表项时，您能帮助jquery滑下所有打开的面板吗？谢谢

这里有一个快速解决方法

---

在这里，如果下一个ul是可见的，我会触发它的点击

我可以很容易地在第一个幻灯片之前添加它，但这似乎不是最好的方式：$（“#mobile#topMenu li:n child（1n+2）”。幻灯片（）；

$("nav #topMenu li ul").toggle(function(){
    $(this).children("li").stop().slideDown();
}, function(){
    $(this).children("li:nth-child(1n+2)").stop().slideUp();
});