title: Bootstrap - Let the specified <li> tag open when data-toggle="collapse"
body: <p>I wanted to let the "Data Management" li to be opened by default if it's child has a class  "active".</p>
  
  <p>Example in JSfiddle:</p>
  
  <pre><code>http://jsfiddle.net/MgcDU/5622/
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="span4 well well-small"&gt;
              &lt;ul id="action-menu" class="nav nav-list"&gt;
                  &lt;li class="nav-header"&gt;Navigation&lt;/li&gt;
                  &lt;li &gt;&lt;a href="&lt;?php echo base_url();?&gt;admin" class=""&gt;&lt;i class="icon-th"&gt;&lt;/i&gt; Overview &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#datamanagement-child" data-toggle="collapse"&gt;&lt;i class="icon-book"&gt;&lt;/i&gt; Data Management&lt;/a&gt;
                      &lt;ul id="datamanagement-child" class="nav nav-list collapse"&gt;
                          &lt;li class="active"&gt;&lt;a href="&lt;?php base_url();?&gt;admin/company" id="company-dm"&gt;&lt;i class="icon-folder-close"&gt;&lt;/i&gt; Company&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="&lt;?php base_url();?&gt;admin/employee"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt; Employee&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="&lt;?php base_url();?&gt;admin/department"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt; Department&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="&lt;?php echo base_url() . "admin/position";?&gt;"&gt;&lt;i class="icon-indent-right"&gt;&lt;/i&gt; Position&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                      &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#timekeeping-child" data-toggle="collapse"&gt;&lt;i class="icon-time" &gt;&lt;/i&gt; Time keeping&lt;/a&gt;
                      &lt;ul id="timekeeping-child" class="nav nav-list collapse"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt; Log employee&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-th-list"&gt;&lt;/i&gt; Show logs&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
  
                  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-briefcase"&gt;&lt;/i&gt; Accounts&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-list-alt"&gt;&lt;/i&gt; Reports&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="divider"&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>How would I do this?</p>