title: Bootstrap collapse not working in tabs
body: <p>When you use bootstrap collapse within tabs, it does not seem to work.  On the first tab it works fine, but as soon as you switch to a second tab and attempt to use a second collapse it seems to break.  See <a href="http://jsfiddle.net/WENyE/2/" rel="nofollow">http://jsfiddle.net/WENyE/2/</a> for example.</p>
  
  <pre><code>&lt;ul class="nav nav-tabs" id="myTab"&gt;
    &lt;li class="active"&gt;&lt;a href="#home" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#profile" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#messages" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#settings" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
    &lt;div class="tab-pane active" id="home"&gt;
      &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;
    &lt;/div&gt;
    &lt;div class="tab-pane" id="profile"&gt;
      &lt;div class="accordion" id="accordion3"&gt;
        &lt;div class="accordion-group"&gt;
          &lt;div class="accordion-heading"&gt;
            &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" 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="#accordion3" 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;      
    &lt;/div&gt;
    &lt;div class="tab-pane" id="messages"&gt;...&lt;/div&gt;
    &lt;div class="tab-pane" id="settings"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>