我有一个 Bootstrap Accordion,每个 Accordion 面板内都有一个复选框。当我选中面板内的复选框时,其父面板应该折叠,下一个面板应该打开。
我正在使用 jQuery icheck 插件来设置复选框的样式。那么我该怎么做才能让 Accordion 面板折叠呢? <强> FIDDLE
$('.item1').on('ifChecked', function(event){
});
最佳答案
如果我没理解错的话,您可能想要这样的东西:
更新代码:
// 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/
让我知道这是否是您需要的!
关于javascript - 如何通过单击其中的复选框来折叠 bootstrap Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26911060/