easing an onclick function with element

Question

I am new to js and jquery, but I can not figure this out,

lets say i have a div with a id prev .

My javascript looks like this:

$('#prev').on('click', view.handPrevClick);

I animating divs with tween lite(that is what the handprevclick function is for), but when u initially click on prev , it doesnt animate.

how do I add an animate or time to slow down when on click?

I tried something like this

$('#prev').on('click', view.handPrevClick.animate({duration: 'slow', easing: 'easeOutBack'}));

but that's not working?

Answer 1

if it is a class you need to change your code to:

$('.prev').on('click', view.handPrevClick.animate({duration: 'slow', easing: 'easeOutBack'}));

The pound sign - '#prev' you were using before prev is for id's, for classes you use '.prev'