Question

因此，一个简单的HIDDEN TO VISIBLE jQuery Script。

我想知道怎么做的是在“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)"
    });
});

Answer 2

你可以用普通的HTML（它没有超慢的褪色）来做到这一点：

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

使用jQuery旋转图像OnClick？

2 个答案: