使用從Bootstrap 3 Javascript 示例頁(yè)面獲取Collapse的核心示例,我已經(jīng)能夠使用V形圖標(biāo)顯示崩潰的狀態(tài)。我有使用這個(gè)工作:$('#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");});這可行(未在所有瀏覽器中都經(jīng)過(guò)全面測(cè)試),但是我想知道是否有更優(yōu)雅的解決方案?理想情況下,我想使用核心功能,但是我不確定如何用它實(shí)現(xiàn)相同的結(jié)果。$('#accordion').on('hidden.bs.collapse', function () { //do something...})這是jsfiddle中的工作版本。
3 回答

吃雞游戲
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
您可以使用以下代碼:
function toggleChevron(e) {
$(e.target)
.prev('.panel-heading')
.find('i.indicator')
.toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
}
$('#accordion').on('hidden.bs.collapse', toggleChevron);
$('#accordion').on('shown.bs.collapse', toggleChevron);
=>工作中的JsFiddle
添加回答
舉報(bào)
0/150
提交
取消