Bootstrap：手风琴内的手风琴，显示动态内容

【问题标题】：Bootstrap: Accordion within accordion, displaying dynamic contentBootstrap：手风琴内的手风琴，显示动态内容
【发布时间】：2013-01-20 21:40:22
【问题描述】：

我无法让我的引导手风琴工作。内容都是动态生成的，我希望手风琴嵌套在顶级父手风琴中 - 这是标记：

...
foreach($xml->Continent as $continent) {
   echo "<div class='accordion-group'><div class='accordion-header'><a class='accordion-toggle' data-toggle='collapse'>".$continent['Name']."</a><span>".$continent['Status']."</span></div>";
    foreach($continent->Country as $country) {
       echo "<div class='accordion-body collapse in'><div class='accordion-inner'><div class='accordion-group'><div class='accordion-header'><a class='accordion-toggle' data-toggle='collapse'>".$country['Name']."</a><span>".$country['Status']."</span></div>";
       foreach($country->City as $city) {
         echo "<div class='accordion-body collapse in'><div class='accordion-inner'>".$city['Name']."<span>".$city['Status']."</span></div></div>";
       }
       echo "</div></div></div>";
    }
    echo "</div>";
}
echo "</div>";
...

基本上.. 大陆都应该在默认状态下折叠。但是一旦你点击并展开一个大陆，它就会在里面列出国家。这些国家也应该扩展到显示城市，并停在那里。

我之前遇到过一种不同的方法，但它是非常脆弱的代码并且很大程度上依赖于标记，如果我的内容是动态生成的并且内容可以从 1 到许多。我真的只需要折叠功能才能工作，如果这意味着创建一个分配特定 id 的脚本，那么它也可以工作 - 我只是好奇最好的方法是什么。

【问题讨论】：

• 确保您的

  标签是正确的。乍一看，我注意到echo "</div>"; 在您的foreach() 之外。只是一种预感......
• 啊，对不起。这是我没有包括所有代码的错。该 div 的开头在 Continent foreach 之前回显。
• 好的...没问题。请参阅下面的答案。