javascript - 使用 jQuery 旋转图像 OnClick？

Question

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

因此，一个简单的隐藏到可见的 jQuery 脚本。

我想知道如何做的是在“扩展一”类中有一个旋转 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)"
    });
});