如何按顺序切换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的animate接受一个回调函数，该动画一旦完成就执行，这意味着您可以执行以下操作。

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