Bootstrap Collapse 与按钮一起工作很好，然后，如何再次使用手风琴标题

Question

让我从简单的英语开始：

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

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

你可以看到，步骤1的内容显示，但步骤3的内容不会隐藏。当他们点击链接"2.选择形状"，1 和 3 内容都不会隐藏。

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

我曾试图用toggle替换hide，show但没有奏效。

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') });

在文档就绪功能之后。