title: Bootstrap Collapse with multiple button and div
body: <p>I have seen this example of collapse in w3school</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="container"&gt;
    &lt;h2&gt;Simple Collapsible&lt;/h2&gt;
    &lt;button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo"&gt;Simple collapsible&lt;/button&gt;
    &lt;div id="demo" class="collapse"&gt;
      Lorem ipsum dolor sit amet, consectetur adipisicing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but my question is what happens when i want to use 2 button and 2 div, like i have 2 buttons 
  button 1 will be my first button and button 2 wil be my second button
  and i have 2 div 
  div 1 will be visible when i click on button 1 but when i click on button 2 i want to hide first div and show 2nd div, and the hide second and show first,</p>
  
  <p>here is the code with multiple div</p>
  
  <pre><code>    &lt;div class="container" ng-app="myApp" ng-controller="customersCtrl"&gt;
    &lt;button type="button" class="btn btn-default" data-toggle="collapse" data-target="#demo"&gt;Company Details&lt;/button&gt;
    &lt;button type="button" class="btn btn-default" data-toggle="collapse" data-target="#demo1"&gt;Commercial Details&lt;/button&gt;
    &lt;div id="demo" class="collapse" &gt;
        1st div
    &lt;/div&gt;
  
    &lt;div id="demo1" class="collapse"&gt;
      2nd div
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can anybody help me out</p>