jqueryがホバー上に要素を表示しています

Question

ページにdivs（myDiv）の番号があります。ユーザーがdivの1つの上に移動したときに、少し遅れて別のdiv（myPop）を上に表示します。ほぼツールチップのようです。以下のコードはあまりそれをやっていません。ユーザーが複数のmyDivにまたがってマウスを動かすと、myPopsのすべてのフェードインを待つことができます。私は本当にユーザーが以前にfadeInさせたすべてのmyPopsを完全に隠したいだけです。これらのmyPopsがすべて表示されているような結果が表示されることになります。

$(".myDiv").hover(function() { 
    $(this).find(".myPop").fadeIn('slow'); 
}, function() { 
    $(this).find(".myPop").fadeOut('fast'); 
} 
}); 

Answer 1

試してみてください。

$(".myDiv").hover(function() { 
    $(".myPop").stop(); 
    $(this).find(".myPop").fadeIn('slow'); 
}, function() { 
    $(this).find(".myPop").fadeOut('fast'); 
}); 

Answer 2

あなたは第二の機能のための余分な}を持って、構文エラーがあり、これは動作するはずです：

$(".myDiv").hover(function() { 
    $(this).find(".myPop").fadeIn('slow'); 
}, function() { 
    $(this).find(".myPop").fadeOut('fast'); 
});