title: Using Bootstrap "Collapse" on radio buttons to show/hide content (NO JS)
body: <p>I am using Bootstrap 3 and I want to create a radio button group that shows/hides content based on the radio button selected. I want to use all HTML and data attributes if possible.</p>
  
  <p>Below is my code:  </p>
  
  <pre><code> &lt;div id="parent"&gt; 
  
       &lt;input type="radio" name="group1" value="1" data-parent="#parent" data-toggle="collapse" data-target="#div1" /&gt;
       &lt;input type="radio" name="group1" value="2" data-parent="#parent" data-toggle="collapse" data-target="#div2" /&gt;
  
       &lt;div class="panel-collapse collapse in" id="div1"&gt;Content&lt;/div&gt;
       &lt;div class="panel-collapse collapse in" id="div2"&gt;Content&lt;/div&gt;
  
     &lt;/div&gt;
  </code></pre>
  
  <p>This will show/hode the target DIV just fine, but I need it to close all other DIVs under inside the #Parent DIV.</p>
  
  <p>I know you can do this with panels but I've never seen it done with Radio buttons, and I'm so close. </p>
  
  <p>Any ideas ?</p>