title: Bootstrap accordian-body won't open; stays collapsed
body: <p>I'm attempting to design a collapsible accordion using Bootztrap and the information is all appearing along with the accordion (looping through using Django templates).</p>
  
  <p>The only issue I'm having is the headings won't open to reveal the contents. The first appears open from the start as it was designed to be and displays the content but it won't close.</p>
  
  <p>I used the exact same method on another template in my application for a different accordion and it works without a hitch. Something appears to be wrong with the 'click.'</p>
  
  <p>Any insight into how to repair this would be very appreciated.</p>
  
  <p>Here's the code for the accordion section:</p>
  
  <pre><code>    &lt;div class="span4 offset1"&gt;
      &lt;h2&gt;Notes&lt;/h2&gt;
      &lt;div class="accordion" id="note_accordion"&gt;
          {% for note in user.notes.all reversed %}
              &lt;div class="accordion-group"&gt;
                  &lt;div class="accordion-heading"&gt;
                      &lt;a class="accordion-toggle note-header well" data-toggle="collapse" href="#note_{{ note.id }}"&gt;
                        {{ note.title }} – {{ note.date }}&lt;/a&gt;
                 &lt;/div&gt;
                  &lt;div id="notes{{ note.id }}" class="accordion-body collapse{% if forloop.counter0 == 0 %} in{% endif %}"&gt;
                      &lt;div class="accordion-inner"&gt;
                          &lt;div&gt;
                                  &lt;p&gt;{{ note.copy|linebreaksbr }}&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                 &lt;/div&gt;
                  {% endfor %}    
              &lt;/div&gt;
      &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>