jQuery 如何切换动画？答案

【问题标题】：jQuery HowTo Toggle Animate?jQuery 如何切换动画？
【发布时间】：2010-10-20 04:19:16
【问题描述】：

您好，我正在向左滑动一个 DIV（离开页面）。 ...

我有以下工作：

$('.mybigbox').live('click', function() {
 leftDistance = $(this).attr('name'); // set px so I know how far
 $lefty.animate({left:leftDistance}) // Makes the slide
});

我想要发生的事情是，在第一次单击时它会使用上述动画，但在下一次单击时它会返回默认值。（有点像一个开关，开关按钮。

想法？谢谢

【问题讨论】：

这行得通吗？似乎那里有错误......但也许我错过了一些东西。
上面将 div 向左滑动并通过 CLICK 绑定激活。但是当我再次点击时，我想回到原始状态？

标签： jquery jquery-animate

【解决方案1】：

See Demo Here

如果我理解正确，试试这个：

$('.mybigbox').live('click', function() {
   $lefty.animate({width:'toggle');
});

【讨论】：

【解决方案2】：

类似

var defaultLeftPosition = null;

$("#yourdiv").toggle(function(){
    if (defaultPosition != null)
        defaultLeftPosition = $(this).offset().left;
    // do your code for animating to the new position
},
function(){
    // get default position from variable defaultLeftPosition and set left 
    // to that inside animate
});

【讨论】：