Bootstrap 2或Bootstrap 3如何折叠开放式手风琴

时间:2014-01-31 20:03:18

标签: twitter-bootstrap twitter-bootstrap-3

我正在使用bootstrap collapse

构建自己的手风琴标记

当你点击任何其他手风琴时,有谁知道如何关闭手风琴?

我试过

        //bs2
        $('#top1_accordion').on('show','.collapse', function() {
            $('#top1_accordion').find('.collapse.in').collapse('hide');
        }); 
        //bs3
        $('#top1_accordion').on('show.bs.collapse','.collapse', function() {
            $('#top1_accordion').find('.collapse.in').collapse('hide');
        }); 

bootstrap 3仅在第一次点击时起作用 http://jsfiddle.net/4WsFK/1/

我让它在bootstrap 2上工作

http://jsfiddle.net/MTKp7/26/

感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

我相信这个小提琴应该有效。我只从你的find语句中删除了类'collapse'。我不确定3.0中的所有差异,但它们必须稍微改变标记。

$('#top1_accordion').find('in').collapse('hide');

http://jsfiddle.net/9jZDE/1/