Javascript 单击时更改引导图标位置

首先，我对bootstrap非常陌生，所以在这一点上请尽量容忍我。我一直在一个网站上工作，该网站有一个引导边栏，我正在努力让它正常工作。我见过其他类似的例子，但我不知道该怎么办

在侧边栏上，我在每个项目之前使用了一个

元素图标，在本例中，它是

向右切换图标V形

。我想做的是，当有人点击侧边栏上的一个项目，显示子项目时，图标将变为向右切换图标V形到向下切换图标V形

---

我曾尝试使用一些JavaScript使其正常工作，但没有效果。任何见解都会有所帮助

您可以使用带有右箭头和下箭头的精灵，然后使用CSS通过调整背景位置在两者之间切换

比如：

---

摆弄位置直到你把它弄对为止

当点击

时，你可以更改图标上的类别：

$('a').click(function () {
   var icon = $(this).find('i');
   if (icon.hasClass('icon-chevron-down')) {
      icon.removeClass('icon-chevron-down').addClass('icon-chevron-right');
   }
   else {
      icon.removeClass('icon-chevron-right').addClass('icon-chevron-down')
   }
});

---

成功了！我想这就像换课一样简单。非常感谢。

$('a').click(function () {
   var icon = $(this).find('i');
   if (icon.hasClass('icon-chevron-down')) {
      icon.removeClass('icon-chevron-down').addClass('icon-chevron-right');
   }
   else {
      icon.removeClass('icon-chevron-right').addClass('icon-chevron-down')
   }
});