Bootstrap: Аккордеон не автоматически сбрасывается ранее открытая панель

Мне нужно создать бутстрап-аккордеон. Разметка ниже работает нормально, но она не автоматически сбрасывает ранее открытый элемент. Например, откройте панель1, затем щелкните на панели2. Панель 1 должна автоматически закрыться, но это не так. Я попытался скопировать разметку точно с сайта начальной загрузки (http://twitter.github.com/bootstrap/javascript.html#collapse), но он не работает. Что мне не хватает?

<h3>ACCORDION DEMO</h3>
<div class="accordion" id="accordion1">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel1">Panel 1</a>
        </div>
        <div class="accordion-body collapse" id="panel1">
            <div class="accordion-inner">
                <p>This is accordion panel 1 content</p>
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel2">Panel 2</a>
        </div>
        <div class="accordion-body collapse" id="panel2">
            <div class="accordion-inner">
                <p>This is accordion panel 2 content</p>
            </div>
        </div>
    </div>
</div>

Ответы

Ответ 1

просто замените data-parent="accordion1" на data-parent="#accordion1"

Ответ 2

Для потомков еще одна причина, по которой я только что обнаружил, что препятствует автоматическому сгибанию панелей аккордеона, заключается в том, что элементы .panel не являются прямыми дочерними элементами аккордеона (.panel-group). Я собрал содержимое панели в div в моей .panel-group, и аккордеон не понравился.

Ответ 3

У меня было такое же поведение, я удалил модуль перестройки bootstrap, и он сработал. Также исправлена ​​проблема с исчезновением popovers.

Ответ 4

Я столкнулся с одной и той же проблемой и сделал некоторые изменения, основанные на догадке. Это сработало, и теперь я хотел бы поделиться своими выводами, если это может помочь кому-то. Я использовал функцию слияния аккордеонов на более чем одной странице, заставлял их действовать странно.. предоставление разных панелей уникальным href и id панели помогло.