0

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

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

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

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

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

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

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

4

2 回答 2

0

这是一种解决方法，并没有真正使用引导切换，但它可以工作。

jsFiddle 演示

$(".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）

于 2013-09-14T15:22:02.440 回答
0

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

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

我希望它更短更容易理解。

于 2013-09-14T16:43:42.303 回答