Onclick Cambia immagine, jQuery? - javascript, jquery

Come posso ottenere questo per cambiare l'immagine onClick? E poi cambiarlo allo stato originale (immagine originale)?

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

Praticamente voglio cambiare la ROTAZIONE IMMAGINE per lo SWAPPING IMMAGINE.

Grazie, Aaron

risposte:

Cambia il tag immagine in

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

e avere il javascript come

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

dimostrazione