title: Bootstrap Accordion without Panel
body: <p>Is it possible to get the "<code>accordion</code>" feature from Bootstrap without it being a panel? I have some code based on their <a href="http://v4-alpha.getbootstrap.com/components/collapse/" rel="nofollow noreferrer">Collapse/Expand Documentation.</a> I have the following code which uses <code>data-parent</code> which should allow it to work but I can't get it to work like an accordion:</p>
  
  <pre><code>&lt;div id="accordion" role="tablist" aria-multiselectable="true"&gt;
      &lt;div class="card"&gt;
          &lt;div class="card-header" role="tab" id="headingOne"&gt;
              &lt;h5 class="mb-0"&gt;
                  &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"&gt;&amp;nbsp;&amp;nbsp;
                      Bla bla bla bla?
                  &lt;/a&gt;
              &lt;/h5&gt;
          &lt;/div&gt;
  
          &lt;div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne"&gt;
              &lt;div class="card-block"&gt;
                  bla bla bla
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="card"&gt;
          &lt;div class="card-header" role="tab" id="headingTwo"&gt;
              &lt;h5 class="mb-0"&gt;
                  &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"&gt;&amp;nbsp;&amp;nbsp;
                      bla bla badl bla?
                  &lt;/a&gt;
              &lt;/h5&gt;
          &lt;/div&gt;
          &lt;div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo"&gt;
              &lt;div class="card-block"&gt;
                  bla bla bla?
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="card"&gt;
          &lt;div class="card-header" role="tab" id="headingThree"&gt;
              &lt;h5 class="mb-0"&gt;
                  &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"&gt;&amp;nbsp;&amp;nbsp;
                      blablalblalbalbalba?
                  &lt;/a&gt;
              &lt;/h5&gt;
          &lt;/div&gt;
          &lt;div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree"&gt;
              &lt;div class="card-block"&gt;
                  BALBL ALBBLAABL BALALABAL BLA!
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any assistance on a way I can do this or if I am doing something incorrectly?</p>