在单击之前更改面板的类别

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