扩展文本的面板，扩展问题

Question

以下脚本显示/扩展了一些文本，如果将鼠标悬停在黑色空间的顶部和底部上，可以正常工作，问题是如果将鼠标悬停在出现文本的区域上，奇怪的跳跃效果就像它很快关闭然后重新开放。

Fiddle

$(document).ready(function() { 
$(".eaRes").mouseover(function() { 
    $(this).find(".expandres").stop().slideDown("fast"); 
}); 
$(".eaRes").mouseout(function() { 
    $(this).find(".expandres").slideUp("fast"); 
}); 
}); 

Answer 1

你想使用mouseenter代替mouseover和mouseleave而不是mouseout。

除父母之外，mouseover和mouseout事件将随时触发子元素进入或退出。这意味着事件被触发得比您想象的要多，导致奇怪的“跳跃”行为。

相比之下，mouseenter和mouseleave只会在父元素进入或退出时触发。

这是一个fork of your fiddle随着变化。