jquery - .animate({"left": "+=50px"}, "slow"); を回す 関数を toggel left - right に変換

Question

.animate left 関数を toggeled animate 関数に変換する方法を理解するのに少し苦労しています。

現在使用しているjqueryは

$("#right").click(function(){
  $("#img-slider").animate({"left": "+=50px"}, "slow");
});

.animate を .toggle に変更しようとしましたが、うまくいかないようで、理由がわかりません。

Answer 1

次のようなものを試してください：

var goRight = true;
$("#right").click(function () {
    $("#img-slider").animate({left: goRight ? "+=50px" : "-=50px"}, "slow");
    goRight = !goRight;
});

Answer 2

はではなく.toggleを置き換えることができます。ただし、それは少し冗長になります。.click.animate

$("#right").toggle(function () {
  $("#img-slider").animate({"left": "+=50px"}, "slow");
}, function () {
  $("#img-slider").animate({"left": "-=50px"}, "slow");
});

#rightまた、アニメーションの実行中に をクリックするとどうなるか注意してください。目的の動作によっては、.stopが必要になる場合があります。