title: Bootstrap nested collapsable panels
body: <p>I am using this code ( <a href="http://bootsnipp.com/user/snippets/OeaKO" rel="nofollow">http://bootsnipp.com/user/snippets/OeaKO</a> ) here to implement <strong>collapsable</strong> bootstrap panels. </p>
  
  <p>I tried to add other collapsable panels inside that ones, but it doesn't work properly. </p>
  
  <p>Here is my actual <code>HTML-Code</code> for the nested collapsable panels: </p>
  
  <pre><code>&lt;div class="panel panel-primary"&gt;
    &lt;div class="panel-heading clickable"&gt;
      &lt;h3 class="panel-title"&gt;Online-Shopping Partner&lt;/h3&gt;
      &lt;span class="pull-right "&gt;&lt;i class="glyphicon glyphicon-minus"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="panel-body"&gt;
  
      &lt;div class="panel panel-primary"&gt;
        &lt;div class="panel-heading clickable"&gt;
          &lt;h3 class="panel-title"&gt;Übersicht&lt;/h3&gt;
          &lt;span class="pull-right "&gt;&lt;i class="glyphicon glyphicon-minus"&gt;&lt;/i&gt;&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="panel-body"&gt;
          Panel content
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="panel panel-primary"&gt;
        &lt;div class="panel-heading clickable"&gt;
          &lt;h3 class="panel-title"&gt;Export&lt;/h3&gt;
          &lt;span class="pull-right "&gt;&lt;i class="glyphicon glyphicon-minus"&gt;&lt;/i&gt;&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="panel-body"&gt;
          Panel content
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>JavaScript/CSS</code> code is the same as the one on the <code>'bootsnip'</code>-link above.</p>