Javascript 如何设置第一个手风琴面板关闭？

我有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>

---

这是第一个手风琴的代码示例。是否要关闭第一个手风琴并仅在单击时打开它？

您需要从手风琴折叠中删除类

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

---

看看这里：谢谢，它帮了很多忙