title: bootstrap collapse breaks when clicking on elements
body: <p>I'm not sure what is wrong, since this is pretty much exactly like in the bootstrap website</p>
  
  <p>Once clicked on the first element (List A), it pretty much breaks. Other elements are ok, but once list A is clicked it breaks.</p>
  
  <pre><code>&lt;div class="accordion" id="notification_types"&gt;
      &lt;div class="accordion-group"&gt;
          &lt;div class="accordion-heading"&gt;
              &lt;a class="accordion-toggle" data-parent="#notification_types"
              data-toggle="collapse" href="#a"&gt;List A&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="accordion-body collapse" id="a" style="height: 0px;"&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-parent="#notification_types"
              data-toggle="collapse" href="#b"&gt;List B&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="accordion-body collapse" id="b" style="height: 0px;"&gt;
              &lt;div class="accordion-inner" dir="auto" id="a123"&gt;
                  &lt;a data-method="get" data-remote="true" href="/123"&gt;123&lt;/a&gt;
              &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-parent="#notification_types"
              data-toggle="collapse" href="#c"&gt;List C&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="accordion-body collapse" id="c" style="height: 0px;"&gt;
              &lt;div class="accordion-inner" dir="auto" id="a456"&gt;
                  &lt;a data-method="get" data-remote="true" href="/456"&gt;456&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've made an example in jsfiddle - <a href="http://jsfiddle.net/uycBa/157/" rel="nofollow">http://jsfiddle.net/uycBa/157/</a>
  When testing, press List B or C before, since pressing on A will break the whole thing...</p>
  
  <p>What is wrong here?</p>