Как установить первую панель аккордеона для закрытия?

Question

У меня есть 5 аккордеонов и данные под каждым аккордеоном, но мне нужно, чтобы сначала все аккордеоны были закрыты, а когда я нажимаю на аккордеон, мне нужно его открыть.

  <div class="panel panel-default" style="  background: rgba(0,0,0,0.1)">
<div class="panel-heading"  style="background:rgba(0,0,0,0.7);">
  <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
    <h4 class="panel-title">SUPPLIERS <b class="closed"></b>
    </h4>
  </a>
</div>
<div id="collapse2" class="panel-collapse collapse">
  <div class="panel-body">
      <p class="title"> > BP</p>
     <p class="title"> > CHEVERON </p>
      <p class="title"> > CITGO </p>
       <p class="title"> > EXOON </p>
  </div>
</div>

Это пример кода для первого аккордеона. Есть ли способ закрыть первый аккордеон и открыть его только по щелчку?

Answer 1

Вам нужно убрать класс из развала аккордеона.

<div id="collapse1" class="accordion-body collapse">