Twitter bootstrap 3 带显示/隐藏按钮的Twitter引导3手风琴

我正在使用TwitterBootstrap3和手风琴模块，我想做如下工作：一个显示“show”的按钮，当它显示时，一个显示“collapse”的按钮

我尝试过使用数据属性，但没有成功

手风琴和django在一个圈内

谢谢

我正在使用这个js

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

---

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

您只需使用CSS即可。我使用了“文件夹打开”和“文件夹关闭”图标。这是一个引导示例，我刚刚将

collapse

类添加到了封闭的标题锚中

下面是一个例子：