如何在点击时交换图像src？

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