展开文字的小组，扩展问题

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的更改。