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（或其他）然后单击menu1，其中有.active，menu2不会崩溃但menu1显示良好。另外菜单工作正常，但menu1具有.active。请有人帮助我。

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

由于

Answer 1

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

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

bootstrap 3 navbar collapse - ＆gt;另一个菜单不会崩溃

1 个答案: