title: Collapse plugin: Only show one panel at a time
body: <p>I'm having a hard time figuring this out, and maybe I'm just not searching the right terms.</p>
  
  <p>I have a regular twitter collapse panel. I only want it to show one panel at a time.</p>
  
  <p>By default, it allows you to open all of the panels at once, but I want it to automatically close any other open panel when you expand another one.</p>
  
  <p><a href="http://twitter.github.com/bootstrap/javascript.html#collapse" rel="nofollow">http://twitter.github.com/bootstrap/javascript.html#collapse</a></p>
  
  <pre><code>&lt;div class="accordion" id="monogram-acc"&gt;
  
  &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
      &lt;div class="accordion-toggle" data-toggle="collapse" data-parent="monogram-acc" href="#Animals"&gt;
          Animals
      &lt;/div&gt;
  &lt;/div&gt;
      &lt;div class="accordion-body collapse" id="Animals"&gt;
          //... content
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
          &lt;div class="accordion-toggle" data-toggle="collapse" data-parent="monogram-acc" href="#Food"&gt;
              Food
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="accordion-body collapse" id="Food"&gt;
          // ... content
      &lt;/div&gt;
  &lt;/div&gt;
  //... so on
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/AbtmY/" rel="nofollow">http://jsfiddle.net/AbtmY/</a></p>