Javascript 单击时切换上下图示符图标的问题

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

当手风琴展开时，我确实希望箭头指向“向上”，它已经指向了。但是当我点击它折叠手风琴时，我希望箭头现在指向“向下”，但它仍然保持向上。因此我希望行为是相反的！手风琴打开时，指向上！，手风琴关闭时，指向下方。 问题是什么？谢谢您的帮助。

您可以尝试以下方法：

JS:

请参见，您可以尝试以下方法：

JS:

---

请参见

看起来它正在工作，我做错了什么？：）

toggleClass

不是更好吗<代码>$（'.collapse'）。在（'click'，（）=>$（'span'）.toggleClass（'glypicon-chevron-up-glypicon-chevron-down'）；看起来它正在工作，我做错了什么？：）难道

toggleClass

不会工作得更好吗<代码>$（'.collapse'）。在（'click'，（）=>$（'span'）。切换类（'glypicon-chevron-up-glypicon-chevron-down'）；已回答已回答

$('.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');
  });