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

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">