jQuery：切换DIV时切换图像

Question

我正在尝试编写一些jQuery来切换DIV打开和关闭，它正在工作，但我想要一个箭头，如果DIV展开则会变为“向下”，如果DIV被折叠则需要“向右”

到目前为止我所拥有的：

  $('.toggleHead').click(function() {
   $('#arrow').attr('src', 'images/icons/down.png');
   $(this).next().toggle();
   return false;
  }).next().hide();

我在哪里放另一个$('#arrow').attr('src', 'images/icons/right.png');？

谢谢！

Answer 1

在#arrow上 - 你可以使用.toggleClass（'open'）来添加/删除'open'类。

然后在你的CSS中，你可以为.open设置一个背景图像，它将覆盖'向下'箭头。

我有类似

的东西

$('.accordion-multi h2').click(function() {
    $(this).next().slideToggle('normal');
    $(this).toggleClass('open');
    return false;
}).next().hide();