如何按顺序切换jQuery函数？

Question

我有一个动画菜单，可以在点击图标时从右侧滑动。我想要发生的是，菜单的容器滑出然后列表变为可见，反之（列表淡出，然后容器滑开）切换时。目前一切都在发生。

这就是我所在的地方：

j$(".burger").click(function(){
    j$(".thenavigation").animate({width:'toggle'},350);
    j$(".nav ul").toggleClass("navshow");
});


<div class="burger"></div>
<div class="thenavigation">
    <nav class="nav" role="navigation">
        <ul>.....</ul>
    </nav>
</div>

Answer 1

JQuery＆＃39; animate接受一个动画完成后执行的回调函数，这意味着你可以执行以下操作。

j$(".burger").click(function(){
    j$(".thenavigation").animate({width:'toggle'},350, function() {
        j$(".nav ul").toggleClass("navshow");
    });
});