bootstrap折叠菜单

Question

用bootstrap做的折叠菜单,代码如下:

<div class="list-group">
                <a href="#dashboard-menu" class="list-group-item nav-header" data-toggle="collapse" target="menuFrame">基本设置<span class="badge">2</span></a>
                <ul id="dashboard-menu" class="nav nav-list collapse in">
                    <li><a href="{:U('Config/set')}">网站配置</a></li>
                    <li ><a href="users.html">公众号配置</a></li>
                </ul>

               <a href="#dashboard-menu1" class="list-group-item nav-header" data-toggle="collapse" target="menuFrame">公众号<span class="badge">3</span></a>
                <ul id="dashboard-menu1" class="nav nav-list collapse in">
                    <li><a href="index.html">微信菜单</a></li>
                    <li ><a href="users.html">系统回复</a></li>
                    <li ><a href="users.html">文字回复</a></li>
                </ul>
               <a href="#dashboard-menu2" class="list-group-item nav-header" data-toggle="collapse" target="menuFrame">微官网<span class="badge">2</span></a>
                <ul id="dashboard-menu2" class="nav nav-list collapse in ">
                    <li><a href="index.html">分类管理</a></li>
                    <li ><a href="users.html">文章管理</a></li>
                </ul>
            </div>

默认都是展开的,效果如图:

默认都是展开的,如何设置默认都是收缩回去的哪,上面的代码如何修改了,谢谢.

Answer 1

class="nav nav-list collapse"