title: How do you make Twitter Bootstrap Accordion keep one group open?
body: <p>I am trying to mimic the Outlook bar using Twitter bootstrap using the accordion and collapse plugin, so far I got the collapse and accordion working, but it presently allows for all sections to be collapsed.</p>
  
  <p>I would like to limit it so that one and only one is always shown.</p>
  
  <p>Here is the one I am working on: <a href="http://jsfiddle.net/trajano/SMT9D/">http://jsfiddle.net/trajano/SMT9D/</a> and I think it's somewhere along the lines of</p>
  
  <pre class="lang-js prettyprint-override"><code>$('#accordions').on('hide', function (event) {
    console.warn("HIDE TRIGGERED, check if trying to hide the active one if so stop");
  })
  </code></pre>