优化Jquery动画

Question

我想知道是否有更好的方法：

//Menu text fadeOut
$(".fixed-menu ul li .menu-text, .submenu").fadeOut("slow", function() {

    //Extend menu and move the slider
    $menuExtend.stop().animate({"left": 30}, "slow");
    $sliderContent.stop().animate({"width": $(window).outerWidth() - 50}, "slow");
    $slider.stop().animate({"margin-left": 50}, "slow", function() {
        $(".fixed-menu ul li").css("width", "40px");
            $menuExtend.removeClass("minimize")
                    .addClass("extend")
                    .animate({"opacity": 1},"fast");

            $menuExtend.find("i").removeClass("foundicon-left-arrow")
                    .addClass("foundicon-right-arrow");
       });
});

当我使用这段代码时，所有的动画都有效，但有时它并不完美，只是因为JQuery动画需要大量资源吗？

我发现了许多关于Queue JQuery系统的教程，但没有关于许多复杂动画的内容。

谢谢，乔丹。

Answer 1

也许可以尝试将left与position：absolute结合使用，而不是margin-left用于$slider。我想它可能会更快。