使用自举3的Javascript采取的核心例子为折叠的例子页面,我已经能够证明使用V形图标崩溃的状态.
我有这个工作使用:
$('#accordion .accordion-toggle').click(function (e) {
var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
$("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
});
Run Code Online (Sandbox Code Playgroud)
这有效(并未在所有浏览器中进行过全面测试),但我想知道是否有更优雅的解决方案?
理想情况下我想使用核心功能,但我不确定如何用它来实现相同的结果.
$('#accordion').on('hidden.bs.collapse', function () {
//do something...
})
Run Code Online (Sandbox Code Playgroud)
这是jsfiddle中的一个工作版本.