В документации сказано, что если указан атрибут
data-parent
, то все открытые блоки будут закрываться при выборе текущего. Так же сказано, что есть зависимость от класса
panel
.
Пример:
<div id="parent">
<div>
<button class="btn btn-default" type="button" data-parent="#parent" data-toggle="collapse" data-target="#collapseAudi" aria-expanded="false" aria-controls="collapseAudi">
Audi </button>
<button class="btn btn-default" type="button" data-parent="#parent" data-toggle="collapse" data-target="#collapseLexus" aria-expanded="false" aria-controls="collapseLexus">
Lexus </button>
<button class="btn btn-default" type="button" data-parent="#parent" data-toggle="collapse" data-target="#collapseMazda" aria-expanded="false" aria-controls="collapseMazda">
Mazda </button>
</div>
<div class="panel">
<div id="collapseAudi" class="collapse" aria-expanded="false">
<div class="well">
<ul class="list-unstyled">
<li>Audi Q5</li>
</ul>
</div>
</div>
<div id="collapseLexus" class="collapse" aria-expanded="false">
<div class="well">
<ul class="list-unstyled">
<li>Lexus IS</li>
</ul>
</div>
</div>
<div id="collapseMazda" class="collapse" aria-expanded="false">
<div class="well">
<ul class="list-unstyled">
<li>Mazda 3</li>
<li>Mazda 6</li>
<li>Mazda CX-5</li>
</ul>
</div>
</div>
</div>
</div>