使用從Bootstrap 3 Javascript 示例頁面獲取Collapse的核心示例,我已經能夠使用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");});這可行(未在所有瀏覽器中都經過全面測試),但是我想知道是否有更優雅的解決方案?理想情況下,我想使用核心功能,但是我不確定如何用它實現相同的結果。$('#accordion').on('hidden.bs.collapse', function () { //do something...})這是jsfiddle中的工作版本。
3 回答

吃雞游戲
TA貢獻1829條經驗 獲得超7個贊
您可以使用以下代碼:
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
- 3 回答
- 0 關注
- 871 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消