トグルアニメーション？

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

Answer 2

下記の通り

一般jqueryのトグルは、標準的な方法でほとんどの作品は、しかし私は本当にアニメーションのものでそれを試していないが、これは動作する可能性があります。

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