Javascript-在上一个函数结束后启动函数

我试图在前面的函数结束后启动一个函数。 .SideArea div将显示：无。在.sideShowing的动画之后，#页面已结束，但显示：无部分将被忽略

这是我的密码

$(function(){
    $("#SideMenuButton").click(function() {
        var SideArea = $(".SideArea");
        if (SideArea.css('display')!=='block') {
            SideArea.css('display','block');
            var move = 260;
            $(".sideShowing #page").stop().animate({left:"+="+move},{queue:false,duration:150});
            $("body, #viewport").css('min-height','600px').css('max-height','600px');
        } else {
            $(".sideShowing #page").stop().animate({left:"0"},{queue:false,duration:150}, function() {
                $(".SideArea").css('display','none')});

            $("body, #viewport").css('min-height','800px').css('max-height','');
        }
    });
});

它是

$(".sideShowing #page").stop().animate({left:"0"},{queue:false,duration:150}, function() {
                $(".SideArea").css('display','none')});

零件，其中显示：无被忽略。我希望函数在上一个动画函数结束但不工作时启动

---

我做错了什么？

使用这种形式的

animate（）

，将

complete

回调指定为第二个参数（选项映射）的属性，而不是第三个参数

$(".sideShowing #page").stop().animate({left:"0"}, {
    queue: false,
    duration: 150,
    complete: function() {
        $SideArea.css('display','none');
    }
});

---

使用这种形式的

animate（）

，将

complete

回调指定为第二个参数（选项映射）的属性，而不是第三个参数

$(".sideShowing #page").stop().animate({left:"0"}, {
    queue: false,
    duration: 150,
    complete: function() {
        $SideArea.css('display','none');
    }
});

---

这是

queueu:false的预期行为。也许您想删除它？这是
queueu:false
的预期行为。也许你想把它去掉？