如何在点击时切换图标？

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