bootstrap 3 导航栏折叠-> 另一个菜单不折叠

Question

这是我的html：

<div id="MainMenu">
                <div class="list-group panel nav nav-sidebar">
                    <a href="#menu1" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu"><span class="glyphicon glyphicon-plus"></span> Barang</a>
                    <div class="collapse" id="menu1">
                        <a class="level2 list-group-item " href="">Masukkan Barang</a>
                        <a class="level2 list-group-item active" href="">Daftar Barang</a>
                    </div>
                    <a href="#menu2" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu"><span class="glyphicon glyphicon-plus"></span> Stok</a>
                    <div class="collapse" id="menu2">
                        <a class="level2 list-group-item " href="">Stok Opname</a>
                        <a class="level2 list-group-item " href="">Daftar Stok</a>
                    </div>
                    <a href="#menu3" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu"><span class="glyphicon glyphicon-plus"></span> Transaksi</a>
                    <div class="collapse" id="menu3">
                        <a class="level2 list-group-item " href="">Penjualan</a>
                        <a class="level2 list-group-item " href="">Daftar Nota</a>
                    </div>
                    
                </div>
            </div>

这是我的 JS：

$(document).ready(function() {
$('.collapse').on('show.bs.collapse', function() {
    $(this).prev().find(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus");
});
$('.collapse').on('hide.bs.collapse', function() {
    $(this).prev().find(".glyphicon").removeClass("glyphicon-minus").addClass("glyphicon-plus");
});
$(".collapse").has('a.active').collapse('show');});

我已经附加了 jquery 2.0 和 bootstrap.js， 当我单击menu2（或其他）然后单击具有.active 的menu1 时，menu2 不会折叠但menu1 显示良好。除了具有 .active 的 menu1 之外，其他菜单工作正常。 请任何人帮助我。

这是我的小提琴： collapse with active menu

谢谢

Answer 1

尝试删除代码中的这一行，然后检查。希望它工作正常。

 $(".collapse").has('a.active').collapse('show');