Question

I am getting the direction from the div click and a, trying to pass this into the animate function

var direction = $(this).attr('class').split(' ')[1];
var scrollAmount = 285;
$('#slider').animate({direction:'-=' + scrollAmount}, 'slow');

What is wrong?

Thanks

Answer 1

The first argument to the animate function takes in CSS properties stating the final properties for the end of the animation. You can not pass direction that way. It sounds like you either want to set the left or scrollLeft amount and to change direction then you should look at the value of direction and either use -= or += depending on the way you want to go.

var sign;

if (direction == 'left') sign = '-=';
else sign = '+=';

$('#slider').animate({left:sign + scrollAmount}, 'slow');

Or if it is the property you are trying to pass

var prop = {};
prop[direction] = scrollAmount;
$('#slider').animate(prop, 'slow');