拡張テキストのパネル、展開の問題

Question

次のスクリプトは、黒いスペースの上と下にカーソルを置くと問題なく表示されるテキストを表示/拡大します。その閉鎖のような奇妙なジャンプ効果を素早く行い、その後再び開きます。

Fiddle

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

Answer 1

かわりmouseoutのmouseenter代わりのmouseover、およびmouseleaveを使用することにしたいです。

mouseoverおよびmouseoutイベントは、親に加えて子要素が入力または終了されるたびにトリガーされます。これは、あなたが考えるよりも頻繁にイベントがトリガーされ、奇妙な「ジャンプ」動作を引き起こすことを意味します。

対照的に、mouseenterとmouseleaveは、親要素の入力または終了時にのみトリガーされます。

ここには変更が加えられたfork of your fiddleがあります。