Jquery “导致崩溃”；“口吃”；

我有一个侧边栏菜单，有多个li和类折叠

<ul>
    <li>
        <a href="javascript:;" data-toggle="collapse" data-target="#Management"><i class="fa fa-fw fa-cogs"></i> Company Management <i class="fa fa-fw fa-caret-down"></i></a>
            <ul id="Management" class="collapse">
                <li>
                    <a href="#">Management Home</a>
                </li>
                <li>
                    <a href="#">Employees</a>
                </li>
                <li>
                    <a href="#">Locations</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="javascript:;" data-toggle="collapse" data-target="#Accounting"><i class="fa fa-fw fa-dollar"></i> Accounting <i class="fa fa-fw fa-caret-down"></i></a>
            <ul id="Accounting" class="collapse">
                <li>
                    <a href="#">Pay Current Invoice</a>
                </li>
                <li>
                    <a href="#">Search for Invoice</a>
                </li>
                <li>
                    <a href="#">Billing History</a>
                </li>
            </ul>

它工作正常，但是，它会创建一个“口吃”，这意味着它尝试打开新的折叠，停止，关闭打开的折叠，然后显示新的打开li

为了避免口吃，我有没有遗漏一些简单的东西

---

非常感谢您对jquery的帮助。

无需编写自己的jquery。但是，您确实需要添加

数据父项

属性，并且列表项上需要

.panel

类：

<ul id="topmenu">
    <li class="panel">
        <a data-toggle="collapse" data-parent="#topmenu" ... >

注意，我已经应用了一些CSS来覆盖
.panel
获得的边距。至于为什么你最初的尝试很麻烦。。。可能它与Bootstrap的
collapse（）
方法冲突。
查看slideup.slideup的回调。slideup（“fast”，function（）{$（this）。next（.collapse”）。slideDown（“fast”）；；“因此，在第一个关闭之前，它不会打开下一个。DasBeasto-当我尝试时，所有下拉列表都不会打开。我确实发现我最初的“隐藏”是不必要的。很好的解决方案只有“面板”类会干扰我现有的需要定制的css。我想我仍然会发现这比编写多余的脚本更可取。YMMV。
<ul id="topmenu">
    <li class="panel">
        <a data-toggle="collapse" data-parent="#topmenu" ... >