Question

我正在使用twitter bootstrap 3和手风琴模块，我想做如下操作：一个显示'show'的按钮，当它显示时，一个按钮说'崩溃'。

我尝试过使用数据属性，但它没有用。

手风琴在django的循环中。

由于

我正在使用这个js

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

我已设法使其工作但它只切换按钮一次：全部折叠，按钮“打开”。如图所示，按钮“关闭”。但如果我隐藏手风琴，按钮不会再变为“打开”。

Answer 1

你可以只用CSS做到这一点。我使用'文件夹打开'和'文件夹关闭'字形。这是Bootstrap示例，我刚刚将collapse类添加到已关闭的标题锚点。

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

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

1 个答案: