如何按順序切換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");
    });
});