一个 div 对特定元素的不同 jquery 影响

Question

我有 .menu div 和他里面的 .menu-content div 以及链接。我想 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。

一个 div 对特定元素的不同 jquery 影响

Different jquery effects on specific elements from one div

html

css

jquery

delay