Кнопка Bootstrap Accordion для переключения «данные-родитель» не работает

Я пытаюсь создать аккордеон с помощью Bootstrap 3, используя кнопку, сворачиваемую с атрибутом данных, без разметки аккордеона. Просто мне он кажется чище.

Однако я не могу заставить атрибут data-parent работать. Я хочу, чтобы при открытии вопроса все остальные закрывались. Я читаю документы ( http://getbootstrap.com/javascript/#collapse-usage ), но все еще не могу заставить его работать.

Я использую следующий код:

<div class="accordion" id="myAccordion">
 <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Question 1?</button>
 <div id="collapsible-1" class="collapse">
 <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
 </div>
 <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Question 2?</button>
 <div id="collapsible-2" class="collapse">
 <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
 </div>
 <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-3" data-parent="#myAccordion">Question 3?</button>
 <div id="collapsible-3" class="collapse">
 <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
 </div>
</div>

Вот JSFiddle: http://jsfiddle.net/twinsen/AEew4/

Я буду очень рад, если кто-нибудь укажет мне, где я делаю ошибку:\

Решение проблемы

Обратите внимание, что существует зависимость не только от.panel, но и от структуры DOM.

Убедитесь, что ваши элементы структурированы следующим образом:

 <div id="parent-id">
 <div class="panel">
 <a data-toggle="collapse" data-target="#opt1" data-parent="#parent-id">Control</a>
 <div id="opt1" class="collapse">
...

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

К вашему сведению, у меня было больше слоев между элементом управления и элементом содержимого, и это не сработало.