Bootstrap Collapse: как отключить другие кнопки?

Question

Мне нужна помощь в использовании Bootstrap. Я создал 3 кнопки, которые рушатся. Дело в том, что в моем случае это только логично, если свернуть только одну кнопку. Поэтому я хочу отключить другие кнопки, когда нажимаю на кнопку. Есть ли какой-нибудь способ сделать это?

Большое спасибо.

<div class="panel-group" id="accordion">
    <div class="btn-group btn-group-justified" role="group">
        <div class="btn-group" role="group">
            <button class="btn btn-default" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#collapseexample1" aria-expanded="false" aria-controls="collapseexample1">some example text</button>
        </div>
        <div class="btn-group" role="group">
            <button class="btn btn-default" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#collapseexample2" aria-expanded="false" aria-controls="collapseexample2">some text</button>
        </div>
    </div>
</div> 

<div class="row">
    <div class="col">
        <div class="collapse multi-collapse" id="collapseexample1">
            <div class="col-lg-4">
                random text
            </div>
        </div>
        <div class="collapse multi-collapse" id="collapseexample2">
            <div class="col-lg-4"></div>
            <div class="col-lg-4>
                random text again
            </div>
            <div class="col-lg-4"></div>
        </div>
    </div>
</div>

Это упрощенный пример моего кода.

Answer 1

Вы можете написать для него функцию jquery. Получите элементы вашей кнопки и переключите их отключенное состояние при нажатии на один из них. Вы даже можете найти довольно много готовых решений для этого, если вы будете искать "bootstrap collapse expand one in the time"

Answer 2

Хорошо, я собираюсь использовать аккордеоны. Во-первых, они мне не понравились, но они выглядят лучше на небольших устройствах.