javascript – 使用jQuery旋转图像OnClick？

我有这个代码：
http://jsfiddle.net/Q4PUw/2/

因此,一个简单的隐藏到jQuery脚本的jQuery脚本.

我想知道怎么做的是在“expand-one”类中有一个可以旋转90度的图像,所以当CLASS可见时,图像将朝下,然后一旦它变成隐藏,它将旋转回原来的点.

任何人的想法？

非常感谢！
亚伦

最佳答案

你可以用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)"
    });
});