亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Bootstrap 3折疊顯示狀態與雪佛龍圖標

Bootstrap 3折疊顯示狀態與雪佛龍圖標

慕姐4208626 2019-11-07 10:40:04
使用從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


查看完整回答
反對 回復 2019-11-07
  • 3 回答
  • 0 關注
  • 871 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號