jQuery hoverIntentプラグイン親のホバーのdivを表示/非表示にしますが、表示されたときに表示されます。

Question

マウスオーバーでマウスオーバーするとdivのすぐ下に表示されるボタンがあります。マウスカーソルを離すと、divが消えます。

これはすべてうまく動作しますが、ユーザーがそのdivの上を移動して（div内のコンテンツとやりとりするために）表示されるボタンの下にdivを保持する必要があります。

これは不可能です。これは、divを表示するボタンから離れたときにすぐにdivが消えるためです。

私はこれを達成するためにhoverIntent jQueryプラグインを使用しています。

// This is the button that when hovered 
// triggers the div below it to show 
$('#hoverMeToShowHideDiv').hoverIntent(function() { 

$("#displayDiv").stop().slideDown('slow'); 
}, 
function() { 
    // I don't want the div to hide if user hovers over it 
    $("#displayDiv").stop().slideUp('slow'); 
}); 

HTML：

<div id="hoverMeToShowHideDiv"> // some stuff </div> 
<div id="displayDiv"> 
    // some other stuff that I want to 
    // keep showing if users hover over it 
</div> 

Answer 1

スティック別のdivのボタンと#displayDivの両方の周り#wrapperDivと#wrapperDivではなく、ボタンにhoverIntentを添付：

$('#wrapperDiv').hoverIntent(function() { 
    $("#displayDiv").stop().slideDown('slow'); 
}, 
function() { 
    // I don't want the div to hide if user hovers over it 
    $("#displayDiv").stop().slideUp('slow'); 
}); 

HTML：

<div id="wrapperDiv"> 
    <div id="hoverMeToShowHideDiv"> // some stuff </div> 
    <div id="displayDiv"> 
     // some other stuff that I want to 
     // keep showing if users hover over it 
    </div> 
</div>