title: Bootstrap accordion (On click of an accordion should close other accordions)
body: <p>My current accordion functionality is when we click on '+' sign it opens the accordion and leaves it open even though we click on the '+' sign of other accordion.</p>
  
  <p>What i need is on click of one accordion other open accordions should close.
  Below is my Codepen link.</p>
  
  <pre><code>&lt;aside class="col-md-4"&gt;
   &lt;section class="sidebar-tools"&gt;
    &lt;h4 class="my-4"&gt;My&lt;/h4&gt;
     &lt;nav&gt;
        &lt;a class="tile-link" data-toggle="collapse" href="#myDoctor"&gt;
         My 
        &lt;/a&gt;
        &lt;div class="collapse sidebar-collapse" id="myDoctor"&gt;
         &lt;a href="#" class="sidebar-collapse-link"&gt;Viewr&lt;/a&gt;
         &lt;a href="#" class="sidebar-collapse-link"&gt;Change&lt;/a&gt;
        &lt;/div&gt;
       &lt;a class="tile-link" data-toggle="collapse" href="#IDcards"&gt; Cards&lt;/a&gt;
        &lt;div class="collapse sidebar-collapse" id="IDcards"&gt;
         &lt;a href="#" class="sidebar-collapse-link"&gt;View&lt;/a&gt;
         &lt;a href="#" class="sidebar-collapse-link"&gt;Change &lt;/a&gt;
       &lt;/div&gt;
         &lt;a class="tile-link" href="#"&gt;nformation&lt;/a&gt;
        &lt;a class="tile-link" href="#"&gt; Estimator&lt;/a&gt;
     &lt;/nav&gt;
     &lt;h4 class="my-4"&gt;My Tools&lt;/h4&gt;
      &lt;nav&gt;
      &lt;a class="tile-link" href="#"&gt;Cards&lt;/a&gt;
       &lt;a class="tile-link" href="#"&gt;Enformation&lt;/a&gt;
       &lt;a class="tile-link" href="#"&gt; Estimator&lt;/a&gt;
      &lt;/nav&gt;
      &lt;/section&gt;
    &lt;/aside&gt;
  </code></pre>
  
  <p>Thanks
  <a href="https://codepen.io/archanapandiri/pen/GmeeYE" rel="nofollow noreferrer">CodePen</a></p>