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

文档就绪功能之后。

Bootstrap Collapse使用按钮很好，然后，如何再次使用手风琴 - 标题？

1 个答案: