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

Question

以下是可以使用的实时代码：

http://www.bootply.com/fAR3pUSRXq

当手风琴扩展时，我确实希望箭头指向＆＃34; UP ＆＃34;它已经是。但是当我点击它以折叠手风琴时，我希望箭头指向＆＃34; 向下＆＃34;但它仍然向上。所以我希望这种行为能够逆转！当手风琴打开时，指向上方！当手风琴关闭时，指向下方。  问题是什么？谢谢你的帮助。

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