javascript - 如何按顺序切换 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");
    });
});