Question

我想要一个手风琴可以使用两个按钮。两者都可以切换打开/关闭（折叠）。

现在我可以使用这两个按钮打开和关闭手风琴，但只有一个按钮可以添加/删除collapsed。如何在单击其中一个按钮时添加/删除collapsed类。

两个按钮都是这样，但在不同的位置：

<a data-toggle="collapse" class="collapsed" data-parent="#main3" href="#panel03">

我没有修改过手风琴脚本，我在Bootstrap文档中找不到与我的问题相关的任何内容。

演示：http://jsfiddle.net/52VtD/46/

在上面的演示中，我有两个按钮。如果您单击一个“活动”，则会在其之前添加“活动”，这两个链接在点击后都需要处于活动状态。但目前只有一个活跃。

Answer 1

这是一个解决方法，并没有真正使用引导程序切换，但它的工作原理。

jsFiddle Demo

$(".toggle-buttons a[data-toggle='collapse']").on("click", function () {
    $(this).closest(".toggle-buttons").toggleClass("active");
    $($(this).attr("href")).toggleClass($(this).data("toggle")).height("auto");
});

（也改变了DOM）

Answer 2

意大利的答案确实有效，但它似乎与Bootstrap 3不兼容，所以我重新制作了它。

$("a.accordion-toggle[data-toggle='collapse']").on("click", function () {
    $("a[href='" + $(this).attr("href") + "']").toggleClass("collapsed");
});

我希望它更简单易懂。

Twitter Bootstrap - 多个手风琴按钮

2 个答案: