Question

im having a little trouble figuring out how to turn a .animate left function into a toggeled animate function, ie click once animate left, click again animate right.

the jquery im using at the moment is

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

ive tried changing .animate to .toggle, but it dosnt seem to work and im not sure why, any helps much appreciated !

Answer 1

Try something like:

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