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"); 
    }); 
});