java - 如何在点击时交换图像源？

Question

如何来回交换两个图像，例如切换。

尝试过此操作，但仅适用于第一次尝试，无法将图像切换回来

$("img.trigger2").click(function(){
        $(this).toggleClass("active").next().slideToggle("slow");
        this.src = this.src.replace("collapse.gif","expand.png");
        this.src = this.src.replace("expand.png","collapse.gif");

 });

Answer 1

您有 2 个单独的图像并切换可见性怎么样，这样您就不必不断重新加载图像？

为什么不设置 src 属性而不是使用 .src.replace？在 jQuery 中，就是这样:-

$("img.trigger2").click(function() {
   if (this.src == 'expand.png')
      this.src = 'collapse.gif';
   else
      this.src = 'expand.png';
});