Javascript 当鼠标移动到SlideEffect内时，文本保持不变

我的意图是当我将鼠标悬停在#portfolioitem1 div a文本幻灯片上，当我离开时，文本再次消失。 代码可以工作，但如果我在div上悬停，并在滑动效果工作时立即离开（例如0.3秒）

然后文本不会消失，而是停留在那里。 我必须再次将鼠标悬停在它上面，并在0.3秒后取出鼠标，它才能工作

有人有主意吗

Javascript

 $('#text').hide();
 $('#portfolioitem1').hover(function (){
    $(this).css('background-color', '#E95850');
    $('#text').slideDown(300);
});
$('#portfolioitem1').mouseleave(function (){
    $(this).css('background-color', '#999999');
    $('#text').hide();
});

html

vgregvre

试试这个：

$('#text').hide();
$('#portfolioitem1')
  .hover(function() {
    $(this).css('background-color', '#E95850');
    $('#text').slideDown(300);
  }, function() {
    $(this).css('background-color', '#999999');
    $('#text').hide();
  });

---

在隐藏div之前尝试停止动画，因为即使在隐藏div之后，动画仍将继续显示div

$('#text').stop(false,false).hide();

---

非常好，非常感谢

$('#text').stop(false,false).hide();