неспособность сделать только один коллапс одновременно

На моей странице я использую 11 bootstrap 3 collapse, мне нужно сделать только один развернуть, если я нажму на второй сбой, первый должен закрыть, а второй должен расширяться.

Но в моем случае оба краха расширяются.

Я попытался добавить role="button" data-toggle="collapse" data-parent="#myGroup" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"

но ничего не работает

следуют всем инструкциям, указанным в ответе переполнения стека

Я использовал метод HTML-атрибутов

HTML

  

Вот скрип, что я пробовал

    Я предлагаю использовать JavaScript, чтобы переключать их, как вы хотите. То, что я здесь сделал, добавил class toggle к вашим блочным divs, которые получают слушателя JavaScript, чтобы свернуть все остальные блоки каждый раз при открытии блока переключения.

    $(".collapse.in").collapse('hide'); найдут все блоки, которые должны разрушаться, и свернуть их.

    Я оставил в менее эффективном решении комментарий: $(this).parent().parent().parent()... потому что я надеюсь, что он покажет вам, как работает все содержащиеся divs.

    Оператор if: if ( !$(this).find(".panel-collapse").hasClass('in') ) предотвращает свертывание, когда вы нажимаете внутри уже открытого блока.