javascript - 单击时切换上下字形图标的问题

Question

这是可以使用的实时代码:

http://www.bootply.com/fAR3pUSRXq

展开 Accordion 时，我确实希望箭头指向“UP”，它已经指向了。但是当我点击它折叠 Accordion 时，我希望箭头现在指向“向下”但它仍然保持向上。所以我希望行为反转!当 Accordion 打开时，指向上方!，当 Accordion 关闭时，指向下方。 问题是什么？感谢您的帮助。

Answer 1

你可以试试这个:

JS:

$('.collapse').on('shown.bs.collapse', function() {
    $("span").addClass('glyphicon-chevron-up').removeClass('glyphicon-chevron-down');
  });

$('.collapse').on('hidden.bs.collapse', function() {
    $("span").addClass('glyphicon-chevron-down').removeClass('glyphicon-chevron-up');
  });

参见 Bootply Link