小编Rya*_*ott的帖子

Bootstrap 3使用雪佛龙图标折叠显示状态

使用自举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中的一个工作版本.

css jquery twitter-bootstrap twitter-bootstrap-3

124
推荐指数
7
解决办法
26万
查看次数