Question

Can someone help me w/ this code snippet. I’m animating a block of content and my easing string isn’t working correct for me. Can someone quickly point out what I’ve done wrong? Thanks

  // JavaScript Document
    $(document).ready(function() {            

            $('.learnmore').mouseover(function() {
                $(this).parent().find('.cover').stop().delay(100).animate({
                    top: '50px',
                    duration:400,
                    easing:'easeOutElastic'
                 })
            });

Answer 1

You’re using .animate wrong. The two styles are :

.animate([CSS Properties], [Options (Easing/Duration/Complete)])

or

.animate([CSS Properties], [Duration], [Easing], [Complete]);

http://api.jquery.com/animate/

You want this:

$(this).parent().find('.cover').stop().delay(100).animate({
    top: '50px'
}, {
    duration: 400,
    easing: 'easeOutElastic'
});