让 SlideDown 在触发之前等待 SlideUp 完成

Question

我有一堆信息显示在每个产品下，但是如果我将鼠标悬停在它们上的速度非常快，每个人都在上下滑动，看起来不太好，一团糟。

我想做的是 jQuery 等到 slideDown 动画完成后再触发 slideUp 动画。

我的 jQuery 代码是：

    $('.title').on('mouseenter', event => {
    $(event.currentTarget).siblings().slideDown();
});
$('.box').on('mouseleave', event => {
    $(event.currentTarget).children('.info').slideUp();
}); 

提前谢谢你，

Answer 1

谢谢@clav

使用 hoverIntent 插件并做：

$('.box').hoverIntent(mouseInTriger, mouseOutTriger);

function mouseInTriger() {
    $(this).children('.info').slideDown();
}
function mouseOutTriger() {
    $(this).children('.info').slideUp();
}

现在一切正常。