Question

I got the following code to work with .animate, but it won’t with standard css properties, could anyone tell me why?

var xMove = 200;
$("#clickhere").click(function() { 
$("#object").css({left: '+='+xMove});  
});

Got a few similar working approaches now and learnt a bit about syntax along the way, good show people, Ta!

Answer 1

You can’t use the += operator in regular CSS. Get the current position and calculate the new positon from that:

var xMove = 200;
$("#clickhere").click(function() {
  $("#object").css({ left: ($('#object').position().left + xMove) + 'px' });
});