我试图制作自举手风琴。手风琴意味着当您打开一个项目时，需要关闭当前打开的项目。
如果我手动添加它，而没有任何额外的div或其他html容器，例如<article>，我会在示例中看到它。
我的问题是可以让手风琴以简单的方式工作。我错过了什么？
<div class="panel-group uk-row-first" id="accordion-neuweltenbreucken">
<div class="uk-width-medium-1-1">
<article class="uk-article" id="accordion" data-permalink="http://neu.weltenbruecken.com/16-accordeon/34-wilkommen">
<div>
<div class="panel panel-default">
<div class="panel-heading main">
<h4 class="panel-title"><a href="#collapse1" class="panel-toggle collapsed" data-parent="#accordion-neuweltenbreucken" data-body-background="background1.jpg" data-toggle="collapse"> Willkommen </a></h4>
</div>
<div id="collapse1" class="panel-body collapse">
<div class="panel-inner main">
<p class="uk-article-lead"><span>Heilung bedeutet, sich an alles zu erinnern, was wir im Bezug auf Verbundenheit und Einheit und gegenseitige Abhängigkeit zwischen allen Dingen, lebendigen und nicht lebendigen, vergessen haben.</span></p>
</div>
</div>
</div>
</div>
</article>
<article class="uk-article" id="accordion" data-permalink="http://neu.weltenbruecken.com/16-accordeon/36-heilbehandlung-fur-mensch-und-tier">
<div>
<div class="panel panel-default">
<div class="panel-heading main">
<h4 class="panel-title"><a href="#collapse2" class="panel-toggle collapsed" data-parent="#accordion-neuweltenbreucken" data-body-background="background2.jpg" data-toggle="collapse"> Heilbehandlung für Mensch und Tier </a></h4>
</div>
<div id="collapse2" class="panel-body collapse">
<div class="panel-inner main">
<!-- Here we insert another nested accordion -->
<div id="accordion4" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapse2Inner1" class="panel-toggle" data-toggle="collapse" data-parent="#accordion4"> Schamanische Arbeiten für Menschen </a></h4>
</div>
<div id="collapse2Inner1" class="panel-body collapse">
<p>Vorbereitungsarbeiten Fr. 75 / h , Heilarbeiten Fr. 135 / h, Nacharbeit, Dokumentation Fr. 75 / h</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapse2Inner2" class="panel-toggle" data-toggle="collapse" data-parent="#accordion4"> Schamanische und telepathische Arbeit für Tiere </a></h4>
</div>
<div id="collapse2Inner2" class="panel-body collapse">
<div class="panel-inner">
<h5>Telepathische Kommunikation</h5>
</div>
</div>
</div>
</div>
<!-- Inner accordion ends here -->
</div>
</div>
</div>
</div>
</article>
</div>
这是jsFiddle
答案 0 :(得分：1)
它不像手风琴一样工作，因为在父母下面有太多的嵌套级别。你需要把它改成这样的东西..
<div class="panel-group uk-row-first">
<div class="uk-width-medium-1-1 accordion" id="accordion-neuweltenbreucken">
<article class="uk-article panel panel-default" id="accordion1" data-permalink="http://neu.weltenbruecken.com/16-accordeon/34-wilkommen">
<div class="panel-heading">
<a href="#collapse1" class="panel-toggle panel-title" data-parent="#accordion-neuweltenbreucken" data-body-background="background1.jpg" data-toggle="collapse"> Willkommen </a>
</div>
<div id="collapse1" class="panel-body collapse">
<div class="panel-inner main">
<p class="uk-article-lead"><span>Heilung bedeutet, sich an alles zu erinnern, was wir im Bezug auf Verbundenheit und Einheit und gegenseitige Abhängigkeit zwischen allen Dingen, lebendigen und nicht lebendigen, vergessen haben.</span></p>
</div>
</div>
</article>
<article class="uk-article panel panel-default" id="accordion" data-permalink="http://neu.weltenbruecken.com/16-accordeon/36-heilbehandlung-fur-mensch-und-tier">
<div class="panel-heading">
<a href="#collapse2" class="panel-toggle" data-parent="#accordion-neuweltenbreucken" data-body-background="background2.jpg" data-toggle="collapse"> Heilbehandlung für Mensch und Tier </a>
</div>
<div id="collapse2" class="panel-body collapse">
<div class="panel-inner main">
<!-- Here we insert another nested accordion -->
<div id="accordion4" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapse2Inner1" class="panel-toggle" data-toggle="collapse" data-parent="#accordion4"> Schamanische Arbeiten für Menschen </a></h4>
</div>
<div id="collapse2Inner1" class="panel-body collapse">
<p>Vorbereitungsarbeiten Fr. 75 / h , Heilarbeiten Fr. 135 / h, Nacharbeit, Dokumentation Fr. 75 / h</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapse2Inner2" class="panel-toggle" data-toggle="collapse" data-parent="#accordion4"> Schamanische und telepathische Arbeit für Tiere </a></h4>
</div>
<div id="collapse2Inner2" class="panel-body collapse">
<div class="panel-inner">
<h5>Telepathische Kommunikation</h5>
</div>
</div>
</div>
</div>
<!-- Inner accordion ends here -->
</div>
</article>
</div>
</div>