Question

Why does the animate wait for the fadeIn to complete before it executes, can anyone shed some light for me please?

//Price Navigation FadeIn

$('#header-base > ul').hide().css({'top':'50px'});

$('#header-base > ul').fadeIn(500);
$('#header-base > ul').animate({'top':'0px'});

I want the fadeIn and animate to happen simultaneously.

Answer 1

The problem is that animations are automatically put in the effects queue. You can alter this by supplying a queue setting:

$('#header-base > ul').animate({top: '0px'}, {queue: false});

See the animate API.