Бутстрап 3 Аккордеон остается открытым, когда рушится

71
9

Я создаю группу аккордеона, используя bootstrap 3, вот код:

<div id="accordion" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
<h3>Purchase No: 123 </h3>
</a>
</div>
</div>
<div id="collapse1" class="panel-collapse collapse">
content here
</div>
</div>
</div>

Код работает отлично, когда я открываю аккордеон, но когда я нажимаю его снова (чтобы закрыть), он обрушивается и снова открывается.

Короче говоря, аккордеон не может быть закрыт после открытия. Я заметил, что элемент изменяется в этом конкретном div

 <div id="collapse1" class="panel-collapse collapse in">

В этом состоянии аккордеон рушится, и когда я его закрываю, класс переходит в collapsing (показывая анимацию), тогда он удаляется. Но вскоре после этого класс "collapsing" и "in" снова добавлен, поэтому в браузере, когда я пытаюсь закрыть аккордеон, ему как-то покажется "оживленная" анимация, которая делает ее никогда не закрытой, когда я пытаюсь ее закрыть

Какие-либо предложения?

спросил(а) 2015-05-16T20:12:00+03:00 4 года, 9 месяцев назад
1
Решение
50

спасибо всем за предложения, но похоже, что я использовал более старую версию jquery, которая несовместима с bootstrap 3, обнаружила эту ошибку в веб-инспекторе firefox (idk, но firebug не указывает на эту ошибку). Теперь я использую jquery 2.x, и аккордеоны прекрасно работают

ответил(а) 2015-05-17T12:12:00+03:00 4 года, 9 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема