javascript - JQuery div 旋转

Question

到目前为止，我已经使用这段代码成功地旋转了一个 div:

function AnimateRotate(d){
    var elem = $("#arrow");

    $({deg: 0}).animate({deg: d}, {
        duration: 200,
        step: function(now){
            elem.css({
                transform: "rotate(" + now + "deg)"
            });
        }
    });
}

我现在面临的问题是试图回到相反的方向。旋转 div 后，我再次单击 div，然后它再次循环遍历代码并最终到达与之前相同的位置。但我想要的是做同样的事情，但方向相反。

为了理解我在说什么，我发布了一个 JSfiddle .

在一张图片中展示:

Answer 1

或者类似这样的东西。检查下拉容器是否可见，调用不同参数的函数。

$( ".panel-heading" ).click(function() {
  var isVisible = $("#recipe-container").css("display");
if (isVisible == "block") {
    AnimateRotate(0, 90);
}  
else { 
AnimateRotate(90, 0);
}
$("#recipe-container").slideToggle();
});

function AnimateRotate(d,g){
var elem = $("#arrow");

$({deg: g}).animate({deg: d}, {
    duration: 200,
    step: function(now){
        elem.css({
            transform: "rotate(" + now + "deg)"
        });
    }
});
}

JsFiddle:http://jsfiddle.net/78DCU/1/