Bootstrap 3崩溃,javascript无效

时间:2014-12-01 12:43:11

标签: twitter-bootstrap-3

当我使用collapse的Javascript选项时,切换功能不起作用。它只在第一次打开面板。 这个效果很好 - $('#login').collapse('toggle') 但我想添加更多选项,如父。

http://www.bootply.com/DFfPmKnDTd#

1 个答案:

答案 0 :(得分:1)

这段代码可以帮助......

$('#login').collapse({
    toggle : true,
    parent : '#accordion'
});
$('#c1').on('click', function(){
        $('#login').collapse('toggle');
    }
);

首先你需要启动崩溃功能然后拨打电话来切换它。 然后,您需要初始化每个折叠链接。

尝试使用此代码可能会对目标链接起作用。

$.each($('#accordion .accordion-toggle'), function(index, collapse_link) { var $collapse = $('#collapse_element_id'+element_no); // you need to right here '#c'+element_id ( it will take #c1, #c2 , #c3 )
$collapse.collapse({ toggle : true, parent : '#accordion' }); $(collapse_link).on('click', function(){ $collapse.collapse('toggle'); }); });