Bootstrap Collapse与按钮配合得很好,那么,如何再与 accordion 打头配合呢?

slsn1g29  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(98)

让我从简单的英语开始:
我在这里做了一个jsfiddle示例:http://jsfiddle.net/sangdth/DUsGu/
首先,在步骤1,单击“* 转到步骤2*”按钮。然后,在步骤2,单击“* 转到步骤3*”按钮。在此处,如果我的客户希望返回步骤1,他们可以单击链接“1.注册电话”
您可以看到,第1步的内容显示,但第3步的内容不会隐藏。同样,当他们点击链接“2.选择形状”时,第1步和第3步的内容都不会隐藏。
我不知道如何使它的工作在这两种方式,意思是,显示/隐藏与按钮被点击,标题也。
我曾尝试用toggle替换hideshow,但没有成功。

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

你能帮我吗?
非常感谢您的光临。
我试着搜索,但没有看到。如果我的问题是存在的,并有答案,请让我知道,我会删除我的问题。谢谢。

bxjv4tth

bxjv4tth1#

尝试添加以下代码:

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

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

文档就绪后的功能。

相关问题