Jquery 在侧栏导航导航选项卡引导中切换子菜单

我正在做侧栏导航（使用引导）。但我被困在这里了。我无法切换子菜单。当我点击主菜单、下一节菜单和第三节菜单时，我需要隐藏子菜单。例如，当我单击主菜单时，它必须隐藏所有子面板，单击下一节菜单必须隐藏所有示例节

任何值得高度赞赏的帮助

这就是结构

<ul class="nav nav-tabs nav-stacked main-menu">
        <li class="nav-header">Main</li>
        <li><a href='#'>Dashboard</a></li>
        <li><a href='#'>Dashboard</a></li>
        <li><a href='#'>Dashboard</a></li>
        <li><a href='#'>Dashboard</a></li>
        <li class="nav-header">Next Section</li>
        <li><a href='#'>Sample Section</a></li>
        <li><a href='#'>Sample Section</a></li>
        <li><a href='#'>Sample Section</a></li>
        <li><a href='#'>Sample Section</a></li>
        <li class="nav-header">Third Section</li>
        <li><a href='#'>Third Sample Section</a></li>
        <li><a href='#'>Third Sample Section</a></li>
        <li><a href='#'>Third Sample Section</a></li>
        <li><a href='#'>Third Sample Section</a></li>
    </ul>

Main




下一节




第三节

您可以像这样使用jQuery

.nextUntil（）

$('.nav-header').click(function () {
    $(this).nextUntil('.nav-header').toggle(200);
});

---

演示：您可以像这样使用jQuery

.nextUntil（）

$('.nav-header').click(function () {
    $(this).nextUntil('.nav-header').toggle(200);
});

演示：

---

我今天太慢了：我今天太慢了：p