Question

Hi getting variable peformance & effect between firefox (pretty bad) chrome (ok)
Sometimes this doesn’t do the first animation, and sometimes it gets stuck.

Have I structured this right?

$notification.animate({
    top: '-=' + ($notification.outerHeight() + 20)
    }, 1500, function() {
        $(this).delay(2000);
        $(this).animate({
            top: '+=' + ($notification.outerHeight() + 20)
        }, 1500, function() {

    });
});

Answer 1

Try this:

$notification
    .animate({
        top: '-=' + ($notification.outerHeight() + 20)
    }, 1500)
    .delay(2000)
    .animate({
        top: '+=' + ($notification.outerHeight() + 20)
    }, 1500);

EDIT: fiddle at http://zequinha-bsb.int-domains.com/notification.html