在点击之前更改Panel的类

Question

如何在动画开始/打开/关闭面板之前更改课程？实际上，在打开或关闭动画/面板后，类会发生变化。

示例：http://jsfiddle.net/0b9jppve/

实际代码：

$('#accordion').find('.panel-default:has(".in")').addClass('panel-danger');

$('#accordion').on('shown.bs.collapse', function (e) {
   $(e.target).closest('.panel-default').addClass(' panel-danger');
}).on('hidden.bs.collapse', function (e) {
   $(e.target).closest('.panel-default').removeClass(' panel-danger');
})

Answer 1

您需要做的就是更改您正在侦听的事件。动画开始时会触发事件hide.bs.collapse和show.bs.collapse，hidden.bs.collapse和shown.bs.collapse会在完成时触发。

$('#accordion').on('show.bs.collapse', function (e) {
   $(e.target).closest('.panel-default').addClass(' panel-danger');
}).on('hide.bs.collapse', function (e) {
   $(e.target).closest('.panel-default').removeClass(' panel-danger');
})

See this updated fiddle