title: Twitter Bootstrap's accordion and multiple children
body: <p>How to expand/show multiple children? Currently Service2 is not shown.</p>
  
  <pre><code>&lt;div class="accordion" id="accordion1"&gt;
  &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
          &lt;div class="accordion-toggle group-accordion-toggle"&gt;
              &lt;a href="#collapseOne" data-parent="#accordion1"
                 data-toggle="collapse" class=""&gt;&lt;i
                      class="icon-plus"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a href="http://www.example.com"&gt;Operator&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="collapseOne" class="accordion-body collapse"&gt;
          &lt;div class="accordion-inner"&gt;&lt;a
                  href="http://www.example.com/service1"&gt;Service1&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="collapseOne" class="accordion-body collapse"&gt;
          &lt;div class="accordion-inner"&gt;&lt;a
                  href="http://www.example.com/service2"&gt;Service2&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="http://jsfiddle.net/mejo/CXDC8/" rel="nofollow">http://jsfiddle.net/mejo/CXDC8/</a></p>