Как создать групповой toggle элемент с помощью Bootstrap?

Question

[vohaha]

Допустим есть:

<div id="wrapper">
   <div id="a" class="collapse"></div>
   <div id="b" class="collapse"></div>
   <div id="c" class="collapse"></div>
</div>
<a data-toggle="collapse" href="#a" aria-expanded="false" aria-controls="a">Toggle A</a>
<a data-toggle="collapse" href="#b" aria-expanded="false" aria-controls="b">Toggle B</a>
<a data-toggle="collapse" href="#c" aria-expanded="false" aria-controls="c">Toggle C</a>

Как сделать так, что бы при открытом диве id="а" , нажатие на кнопку "ToggleB" or "Toggle C" закрывали открытый div и открывали нажатый?

Answer 1

[Вадим Белкин]

Кнопкам открытия нужно добавить атрибут data-parent="#id-контейнера", который ссылается на контейнер с заданным id (и обернуть всю конструкцию в блок с id="id-контейнера") Пример тут

Comments

[vohaha]

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