javascript - 悬停时使用 jQuery SlideDown/slideUp，如何等待上一张幻灯片完成？

Question

我有一个下拉菜单，下拉菜单可以滑动打开，然后滑回关闭。

$('nav ul li').hover(
     function () {
        $(this).children('.subnav').slideDown(300);
    }, 
     function () {
        $(this).children('.subnav').slideUp(300);
    }
);

如果有人将鼠标悬停在一个项目上，然后在前一个项目完成向上滑动之前将鼠标悬停在另一个项目上，则它们会重叠。如何防止这种重叠并让上一张幻灯片向上滑动，然后再允许第二张幻灯片向下滑动？

Answer 1

也许this可以帮助你。
我还开始尝试使用 bool 变量来检查何时允许下一个动画，但没有取得太大成功。因此，我提到的线程中的最后一个答案也可能是您的答案。
祝你好运!