使用jQuery旋转图像OnClick？

Question

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

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

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

任何人的想法？

非常感谢!亚伦

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