Повернуть изображение (ы) OnClick С помощью jQuery?

Question

У меня есть этот код: http://jsfiddle.net/Q4PUw/2/

Следовательно, простой HIDDEN TO ВИДИМОГО JQuery Script.

Что я хочу знать, так это сделать изображение в классе «expand-one», который будет вращать 90 градусов, чтобы изображение было обращено вниз, пока этот КЛАСС ВИДИМО, а затем, когда он становится СКРЫТО, он вращается назад к его оригинальному пятну.

Есть идеи?

Большое вам спасибо! Аарон

Answer 1

Вы можете сделать это с помощью 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

Вы можете сделать это с помощью простого HTML (он не имеет ультра медленного угасания):

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