jquery - 切换动画？

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');
  });