title: How to implement twitter bootstrap accordion?
body: <p>I'm trying to implement the twitter bootstrap collapse plugin (<a href="http://twitter.github.io/bootstrap/2.3.2/javascript.html#collapse">http://twitter.github.io/bootstrap/2.3.2/javascript.html#collapse</a>) and I can't seem to get it working. Thinking it was something wrong with my development environment, I set up a JSfiddle and I'm still getting the same issues. Here's the jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/qdqrT/1/">http://jsfiddle.net/qdqrT/1/</a></p>
  
  <p>Here is the HTML which was copied directly from the bootstrap example.</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&gt;
  </code></pre>
  
  <p>The CSS and javscript were taken directly from the bootstrap customize page, with only the collapse CSS and JS, and the trasition JS (which is a dependency for the collapse plugin).</p>
  
  <p>Anyone know why this is broken?</p>