Bootstrap4 手风琴方法

下面是标准Bootstrap程序的手风琴组件的方法

传递选项

我们还可以使用option对象将选项传递给 collapse。

此方法将内容激活为可折叠元素。

$(document).ready(function(){
    $(".btn").click(function(){
        $("#myCollapsible").collapse({
            toggle: false
        });
    });
});

尝试一下

.collapse('toggle')

此方法切换（显示或隐藏）可折叠元素。

$(document).ready(function(){
    $(".toggle-btn").click(function(){
        $("#myCollapsible").collapse('toggle');
    });
});

尝试一下

.collapse('show')

此方法显示可折叠元素。

$(document).ready(function(){
    $(".show-btn").click(function(){
        $("#myCollapsible").collapse('show');
    });
});

尝试一下

.collapse('hide')

此方法隐藏可折叠元素。

$(document).ready(function(){
    $(".hide-btn").click(function(){
        $("#myCollapsible").collapse('hide');
    });
});

尝试一下