button - Bootstrap Collapse 可以很好地使用按钮，那么，如何再次使用手风琴标题？

Question

让我从简单的英语开始：

我在这里做了一个 jsfiddle 示例：http: //jsfiddle.net/sangdth/DUsGu/

首先，在第 1 步，单击“转到第 2 步”按钮。然后，在第 2 步，单击“转到第 3 步”按钮。在这个地方，如果我的客户想回到步骤 1，他们点击链接“1.注册电话”

可以看到，第 1 步的内容显示出来了，但第 3 步的内容并没有隐藏。当他们点击链接“2.选择形状”时也是如此，1和3的内容都不会隐藏。

我不知道如何使它以两种方式工作，意思是单击显示/隐藏按钮，以及标题。

我曾尝试用 , 替换hide，但没有show用。toggle

jQuery("#btn-phone").click(function() {
        $("#collapseOne").collapse('hide');
        $("#collapseTwo").collapse('show');
    });

你能帮助我吗？

非常感谢。

P/S：我试图搜索，但没有看到。如果我的问题存在并且有答案，请告诉我，我将删除我的问题。谢谢。

Answer 1

尝试添加以下代码：

 $('.accordion-toggle').on('shown', function () {
 $(this).addClass('active') });

$('.accordion-toggle').on('hidden', function () {
 $(this).removeClass('active') });

后文件准备功能。