如何在點擊上切換圖標？

Question

我有菜單，我想當它打開時向上箭頭，當它關閉它需要問號。這是我的小提琴：https://jsfiddle.net/pmadwvpk/7/

現在的問題是，當用戶打開菜單什麼都沒有發生，但當我關閉它箭頭出現。任何建議？

$(document).ready(function() { 
    function toggleChevron(e) { 
    $(e.target) 
     .prev('.panel-heading') 
     .find("i") 
     .toggleClass('fa-question fa-angle-up'); 
    } 
    $('#accordion').on('hidden.bs.collapse', toggleChevron); 
}); 

Answer 1

你既需要hidden.bs.collapse和shown.bs.collapse

$(document).ready(function() { 
    function toggleChevron(e) { 
    $(e.target) 
     .prev('.panel-heading') 
     .find("i") 
     .toggleClass('fa-question fa-angle-up'); 
    } 
    $('#accordion').on('hidden.bs.collapse shown.bs.collapse', toggleChevron); 
}); 

FIDDLE