jquery - jQuery动画没有在slideDown的同时运行

Question

我有以下代码可以正常工作，但是我希望动画在“.main_nav”向下滑动的同时发生。目前'.slides_down'先滑动，然后'.multicolor'动画。我需要它们同时发生。

       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

所以不要使用slideDown的回调函数：

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

Answer 2

请参考http://api.jquery.com/slideDown/

将函数作为第二个参数

$('.main_nav').slideDown('slow', function(){ ... });

表示要在 slideDown完成时执行它