Twitter bootstrap 推特引导，如何使折叠插件关闭打开的项目，并打开一个新的点击

我在页面左侧有一个简单的twtter引导折叠项设置：

当您单击一个手风琴标题时，它会打开，但当您单击另一个标题时，它也会打开该标题，而不是关闭第一个标题并打开第二个标题

我已经将该站点升级到最新的引导js和css

我如何使它一个接一个地关闭另一个

谢谢

结构需要是（伪代码）

---

其中，

手风琴组

表示将单独折叠的单独部分。链接中切换手风琴组的

数据父级

类用于确定应关闭同一父级中的其他手风琴组。

如果您根据创建HTML标记，则可以使用此复制/粘贴简单jquery代码实现此目的

$(document).on('click', '.accordion-toggle', function(e) {
            event.preventDefault();

            $('#accordion').find('.accordion-body').collapse('hide');
            $(this).parent().next().collapse('show');
        });

---

我也遇到了类似的问题，但数据父选项一开始不起作用

我的问题是，我的页面上有两个面板组指向同一个id（手风琴）。解决方案是给每个组一个唯一的id

<!-- Accordion 1 -->
< class="accordion" id="myAccordion">
    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion">
        < class="accordion-body">

    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion">
        < class="accordion-body">

<!-- Accordion 2 -->
< class="accordion" id="myAccordion-2">
    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion-2">
        < class="accordion-body">

    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion-2">
        < class="accordion-body">

---

回想起来很明显；-）

最好将代码的相关部分（例如，手风琴标记）包含在问题主体中，仅提供链接作为参考。

<!-- Accordion 1 -->
< class="accordion" id="myAccordion">
    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion">
        < class="accordion-body">

    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion">
        < class="accordion-body">

<!-- Accordion 2 -->
< class="accordion" id="myAccordion-2">
    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion-2">
        < class="accordion-body">

    < class="accordion-group">
        < class="accordion-header">
            <a data-parent="#myAccordion-2">
        < class="accordion-body">