Question

I have the following code which works fine, however I would like the animation to happen at the same time when ‘.main_nav’ slides down. At the moment ‘.slides_down’ slides first and than ‘.multicolor’ animates after. I need them to happen at the same time.

       function slideDown_Menu(){
                $('.top-nav').slideUp(300,function(){
                    $('.main_nav').slideDown('slow', function(){
                        $('.multicolor').animate({top: '203px'});
                        // $('.tab_wrapper').animate({ marginTop: '63px' }, 500, 'linear');
                    });
                });
        }

Answer 1

So dont use callback function of slideDown:

function slideDown_Menu(){
                $('.top-nav').slideUp(300,function(){
                    $('.main_nav').slideDown('slow');
                     $('.multicolor').animate({top: '203px'});
                });
        }