javascript - 如何通过单击其中的复选框来折叠 bootstrap Accordion

Question

我有一个 Bootstrap Accordion，每个 Accordion 面板内都有一个复选框。当我选中面板内的复选框时，其父面板应该折叠，下一个面板应该打开。

我正在使用 jQuery icheck 插件来设置复选框的样式。那么我该怎么做才能让 Accordion 面板折叠呢？ <强> FIDDLE

$('.item1').on('ifChecked', function(event){

});

Answer 1

如果我没理解错的话，您可能想要这样的东西:

更新代码:

// Toggle
$('.item1').on('ifChecked', function(event){
    $("#collapseOne").collapse("hide");
});
$('.item2').on('ifChecked', function(event){
    $("#collapseTwo").collapse("hide");
});
$('.item3').on('ifChecked', function(event){
    $("#collapseThree").collapse("hide");
});

$("#collapseOne").on("hidden.bs.collapse", function(e){
    $("#collapseTwo").collapse("show");
});
$("#collapseTwo").on("hidden.bs.collapse", function(e){
    $("#collapseThree").collapse("show");
});
$("#collapseThree").on("hidden.bs.collapse", function(e){
    $("#collapseOne").collapse("show");
});

这里是第一个 fiddle :http://jsfiddle.net/sap1ruq2/1/

更新 fiddle 在这里:http://jsfiddle.net/bstjmdLp/

让我知道这是否是您需要的!