use the easing function

Question

I found the js library for easing functionality, but somehow it won't work...

here is the jsfiddle i created.

  $(".top").click(function(){
        $(".top").animate({ left: '100px' }, 600, 'easeOutBack');
  });

(it doesn't have the js/easing.js option tho)

I was trying to implement the bouncing up and down animation for a div when clicked. Any help would be appreciated!

add source of jQuery and jQuery Ui and your fiddle is working http://jsfiddle.net/qy57G/4/ — Tushar Gupta - curioustushar, Oct 24 '13 at 01:03

score 1 · Accepted Answer · answered Oct 24 '13 at 01:06

I have updated your jsfiddle to do what you want:

Im using jquery 1.9.1 with jquery.ui 1.9.2

$(".top").on('click', function () {
    $(".top").animate({
        left: '100px'
    }, 600, 'easeOutBack');

});

In addition i removed your float css and added position: relative as you are animating to a position.

1 Answers1