我有一个Bootstrap手风琴,每个手风琴面板里都有一个复选框。当我勾选面板内的复选框时,它的父面板应该折叠起来,下一个面板应该打开。
我正在使用jQuery icheck插件来美化复选框。那么我该怎么做才能使手风琴面板折叠呢?FIDDLE
$('.item1').on('ifChecked', function(event){
});
我有一个Bootstrap手风琴,每个手风琴面板里都有一个复选框。当我勾选面板内的复选框时,它的父面板应该折叠起来,下一个面板应该打开。
我正在使用jQuery icheck插件来美化复选框。那么我该怎么做才能使手风琴面板折叠呢?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");
});
这是第一个jsfiddle链接:http://jsfiddle.net/sap1ruq2/1/
这是更新后的jsfiddle链接:http://jsfiddle.net/bstjmdLp/
如果这是您需要的,请告诉我!
$('input').on('ifChecked', function(event){
$(this).parents('.panel').first().next().find('.panel-heading a').click();
});
更新了一个示例:http://jsfiddle.net/Lq07ysbq/11/
$('.item1').on('ifChecked', function(event){
$(this).parents('.panel-collapse').collapse('hide');
$('#collapseTwo').collapse('show');
});
就我个人而言,我无法想出一个通用的解决方案来打开下一个面板,因此现在只能使用特定的id。
hidden.bs.collapsehttp://getbootstrap.com/javascript/#collapse - Raihan