title: Twitter Bootstrap accordion group item with no content
body: <p>I am trying to make an accordion with only a few items that expand with child elements and 2 items that do not have child elements that would close anything that is open.</p>
  
  <p>I have a <a href="http://jsfiddle.net/qdqrT/121/" rel="nofollow">fiddle setup here</a> </p>
  
  <p>You can see on item #3 there is content in the .accordion-inner div but I do not want that displayed. Also you will see on item #4 there is no .accordion-inner inside #collapseFour which breaks the accordion completely.</p>
  
  <p>Question 1: Is this possible with the Twitter Bootstrap accordion?</p>
  
  <p>Question 2: Is there a better way of going about this process?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div class="accordion" id="accordion2"&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
          Collapsible Group Item #1
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseOne" class="accordion-body collapse in"&gt;
        &lt;div class="accordion-inner"&gt;
          Anim pariatur cliche...
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;
          Collapsible Group Item #2
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseTwo" class="accordion-body collapse"&gt;
        &lt;div class="accordion-inner"&gt;
          Anim pariatur cliche...
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"&gt;
          Collapsible Group Item #3
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseThree" class="accordion-body collapse"&gt;
        &lt;div class="accordion-inner"&gt;
          This is where i do not need child elements
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour"&gt;
          Collapsible Group Item #4
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseFour" class="accordion-body collapse"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>