 <p>Accordion behavior is dependent on the <code>panel</code> class (<a href="http://getbootstrap.com/javascript/#collapse-options" rel="nofollow">http://getbootstrap.com/javascript/#collapse-options</a>). So the immediate child of the parent <code>#sidebar-admin</code> must be a <code>.panel</code>..</p> <p><a href="http://www.codeply.com/go/Zq1utEY3dV" rel="nofollow">http://www.codeply.com/go/Zq1utEY3dV</a></p> <pre><code>&lt;ul id="sidebar-admin" class="nav collapse"&gt; &lt;li class="panel"&gt; &lt;a class="users collapsed sidebar-subparent" data-toggle="collapse" data-parent="#sidebar-admin" href="#sidebar-users"&gt; &amp;nbsp; &amp;nbsp;&lt;i class="fa fa-user" style="margin-right: 15px; margin-left: 2px;"&gt;&lt;/i&gt;Users&lt;/a&gt; &lt;ul id="sidebar-users" class="nav collapse"&gt; &lt;li class="sidebar-element"&gt; ... </code></pre>