javascript - 在 Data-toggle ="collapse"bootstrap 下默认打开 Navigation

Question

我是 bootstrap 的新手。我正在使用 data-toggle="collapse"制作侧边栏 Accordion 导航，但默认情况下它会关闭导航。我应该怎么做才能默认打开导航并在我点击它时关闭它。

HTML

<li class="parent "><a  href="#sub-item-3" data-toggle="collapse"><span  class="glyphicon glyphicon-list"></span> Summary<span data-toggle="collapse" href="#sub-item-3" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span></a>
    <ul class="children collapse" id="sub-item-3">
        <li><a class="" href="#"><span class="glyphicon glyphicon-share-alt"></span> Sub Item 1</a></li>
        <li><a class="" href="#"><span class="glyphicon glyphicon-share-alt"></span> Sub Item 2</a></li>
        <li><a class="" href="#"><span class="glyphicon glyphicon-share-alt"></span> Sub Item 3</a></li>
    </ul>
</li>

JS

!function ($) {
    $(document).on("click","ul.nav li.parent > a > span.icon", function(){          
        $(this).find('em:first').toggleClass("glyphicon-minus");      
    }); 
    $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
}(window.jQuery);

Answer 1

您需要将in 类添加到ul。即:

<ul class="children in collapse" id="sub-item-3">