来自一个div的特定元素的不同jquery效果

Question

我有.menu div和他内部.menu-content div with links。 我想slideDown .menu，在这个动画结束后我想要slideUp .menu-content div。这可能吗？或者我可以以某种方式使用wow.js动画，它将在滑落完成后触发。

这是我到目前为止所做的，这只是滑下了整个div

$('.nav-button').click(function() {
    $('.menu').slideToggle(400);
    return false;
});

Answer 1

.slideToggle()可以有两个参数：第一个是动画持续时间，第二个是动画完成时调用的回调函数。只需使用它：

$('.nav-button').click(function() {
    $('.menu').slideToggle(
        400,
        function() {
            $('.menu').slideToggle(400);
        }
    );
    return false;
});

有关详细信息，请参阅jQuery API documentation。