title: Bootstrap 3 - Auto collapse wells. How...?
body: <p>Probably a simple question for someone, but hard to figure out for me.</p>
  
  <p>I am using the following html:</p>
  
  <pre><code>                &lt;button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#waarom" aria-expanded="false" aria-controls="waarom"&gt;Button A&lt;/button&gt;
              &lt;button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#spelregels" aria-expanded="false" aria-controls="spelregels"&gt;Button B&lt;/button&gt;
  
              &lt;div class="collapse" id="waarom"&gt;
                &lt;div class="well waarom"&gt;
                  &lt;p&gt;Ipsum Lorem text (button A)&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse" id="spelregels"&gt;
                &lt;div class="well spelregels"&gt;
              &lt;p&gt;Ipsum Lorem (button B)&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Collapse works, however, they can be expanded both. This is not the result what I want. Both start collapsed (= good). I click on 'Button A' it expands, then I click 'Button B' then contents of B should be visible and contents under 'Button A' should be hidden.</p>
  
  <p>So in short; press B, show B contents (and hide A contents).</p>
  
  <p>Sorry if I don't make sense, trying to do my best at English here. :)</p>
  
  <p>Thank you for your time and solutions. The examples I could find only showed this for the 'Accordion', which I don't want. So, maybe this is not even possible.</p>