title: Bootstrap 4 Collapse - Elements that are collapsed stay open when opening another accordion
body: <p>So I don't find this in the documentation, but how can I force the element to stay open when another one is opened. Example:
  <a href="https://getbootstrap.com/docs/4.0/components/collapse/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.0/components/collapse/</a></p>
  
  <pre><code>&lt;div id="exampleAccordion" data-children=".item"&gt;
     &lt;div class="item"&gt;
        &lt;a data-toggle="collapse" data-parent="#exampleAccordion" href="#exampleAccordion1" aria-expanded="true" aria-controls="exampleAccordion1"&gt;
    Toggle item
        &lt;/a&gt;
        &lt;div id="exampleAccordion1" class="collapse show" role="tabpanel"&gt;
          &lt;p class="mb-3"&gt;
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium lorem non vestibulum scelerisque. Proin a vestibulum sem, eget tristique massa. Aliquam lacinia rhoncus nibh quis ornare.
          &lt;/p&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  
  
  &lt;div class="item"&gt;
     &lt;a data-toggle="collapse" data-parent="#exampleAccordion" href="#exampleAccordion2" aria-expanded="false" aria-controls="exampleAccordion2"&gt;
    Toggle item 2
     &lt;/a&gt;
     &lt;div id="exampleAccordion2" class="collapse" role="tabpanel"&gt;
        &lt;p class="mb-3"&gt;
      Donec at ipsum dignissim, rutrum turpis scelerisque, tristique lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec dui turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        &lt;/p&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>