Onclick Change Image，jQuery？

Question

如何更改onClick上的图像？然后将其更改回原始状态（原始图像）？

jQuery('.expand-one').click(function(){
    jQuery('.content-one').slideToggle('fast');
});

jQuery('.expand-one').toggle(function() {
    jQuery('.content-one').slideDown('slow');
    jQuery(this).find("img").css({
        "-webkit-transform": "rotate(90deg)",
        "-moz-transform": "rotate(90deg)",
        "filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
    });
}, function() {
    jQuery('.content-one').slideUp('slow');
    jQuery(this).find("img").css({
        "-webkit-transform": "rotate(0deg)",
        "-moz-transform": "rotate(0deg)",
        "filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"
    });
});

实际上我想要改变IMAGE SWAPPING的IMAGE ROTATION。

谢谢， 亚伦

Answer 1

将图片标记更改为

<img class="expand-one" src="WhateverUrl" data-altsrc="AlternateUrl">

并将javascript设为

jQuery('.expand-one').click(function(){
    var src = $(this).attr("src");
    $(this).attr("src", $(this).data("altsrc"));
    $(this).data("altsrc", src);
});

Demo