javascript - ここでjavascriptでelseが機能しないのはなぜですか?

Question

ボタンをクリックするたびにdivを左右にスライドさせるように切り替えるようなアニメーションが必要です。ただし、実際にコードを使用すると、一度だけ右にスライドして動作しなくなります。

<script> 
var left = 1;

$(document).ready(function(){
$("button").click(function(){

  if(left==1){
    $("div").animate({left:'250px'});
    left=2;
  }else{ 
    $("div").animate({right:'250px'});
    left=1;
  }

  });
});

</script> 

このコードの何が問題になっていますか? 問題が思いつきませんでした。

Answer 1

ループは正しかったが、CSS は正しくなかった。

<script> 
var left = 1;

$(document).ready(function(){
$("button").click(function(){
  if(left==1){
    $("div").animate({left:'250px'});
    left=2;
  }
  else { 
    $("div").animate({left:'0px'});
    left=1;
  }
 });
});

</script>