带有显示 /隐藏按钮的Twitter Bootstrap 3手风琴

Question

我正在使用Twitter Bootstrap 3和手风琴模块，我想做以下操作：一个说"显示"的按钮，当显示时，一个按钮说"崩溃"。

我尝试使用数据属性，但没有起作用。

手风琴在带有django的循环中。

谢谢

我正在使用此JS

$('a.accordion-toggle').click(function() {
    if ( $(this).next('.accordion-body').hasClass('in') ) {
        $(this).text('Close');
    } else {
        $(this).text('Open');
    }
});

我设法使其正常工作，但它只能切换一次按钮：全部崩溃，按钮"打开"。如图所示，按钮"关闭"。但是，如果我隐藏了手风琴，则按钮不会再次更改为"打开"。

Answer 1

您只需使用CSS就可以做到这一点。我使用了"打开文件夹"one_answers"文件夹关闭"字形。这是Bootstrap示例，我刚刚将collapse类添加到了封闭的标头锚。

这是一个例子：http://jsfiddle.net/rtw7d/7/