擴展文本的面板，擴展問題

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隨着變化。