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

Мне нужно создать аккордеон bootstrap. Разметка ниже работает нормально, но она не автоматически сворачивает ранее открытый элемент. Например, откройте panel1, затем нажмите на panel2.. panel1 должен автоматически закрываться, но это не так. Я попытался скопировать разметку точно с сайта bootstrap (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>
11
asp.net asp.net-mvc javascript twitter-bootstrap

4 ответов

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

27

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

9

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

0

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

-3