切换动画？

Question

我有这个代码:

$('.couch-hide').click(function() {
    $(this).animate({right:0},1000, 'easeOutBounce');           
});

我试图让它切换,所以在第一次点击,弹出,然后再次点击,并将其放回里面.我需要将变量设置为跟踪器吗？告诉它在哪个阶段？

Answer 1

只需将原始值保存在某处,并记住在开始新动画之前停止任何正在进行的动画.动画例程将处理其余的事情:

var panel = $('.couch-hide');
var originalPos = panel.css("right");
panel.toggle(function() {
    $(this).stop().animate({right:0},1000, 'easeOutBounce');
  },
  function() {
    $(this).stop().animate({right:originalPos},1000, 'easeOutBounce');
  });