Obracanie obrazów OnClick z jQuery?

Question

mam ten kod: http://jsfiddle.net/Q4PUw/2/

Stąd prosty UKRYTY widocznych jQuery Script.

Co chcę wiedzieć, to zrobić zdjęcie w klasie "expand-one", która obraca się o 90 stopni, aby zdjęcie było skierowane w dół, podczas gdy KLASA jest WIDOCZNA, a gdy pojawi się ukryty, obróci się wróć do jego oryginalnego miejsca.

Każdy pomysł ktoś?

Dziękuję bardzo! Aaron

Answer 1

Można to zrobić z CSS: http://jsfiddle.net/Tentonaxe/Q4PUw/6/

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

Answer 2

Można to zrobić z czystym HTML (robi się bardzo powolne zanikanie):

<details> 
<summary>Click Here To Display The Content</summary> 
Hidden Content here, can be rotated with CSS3 
</details>