Question

I want a simple div to fade in and move simultaneously. Suppose there is a hidden image at the top and when I click a buton the image should come in the center of the page with fading in effect.

but for me it fades in first and then starts moving…

        $('#shelf').fadeIn('fast').animate({
            'bottom': '54%'
            }, 'slow', function() {
            // Animation complete.
        });

Answer 1

Try this

$('#shelf').fadeIn('fast').animate({
            'bottom': '54%'
            }, {duration: 'slow', queue: false}, function() {
            // Animation complete.
        });