jquery - 親ではないホバーアウト時に要素を非表示にする方法は?

Question

したがって、ナビゲーションの場合、特定の「nav1」LI がホバーされると、「セカンダリ」div が表示されます。フォーカスが #nav1 LI またはセカンダリ div になくなったときに、div を非表示にしたいと思います。 jsFiddle デモ

通常、#nav1 li 内に「セカンダリ」div を配置するだけです。しかし、物流上の理由からそうすることができません。したがって、基本的に、マウスが #secondary または #nav1 の上にない場合にのみ、ホバーアウト時にセカンダリ div を非表示にしようとしています。

Answer 1

これを試しましたか：

$("#secondary").mouseleave(function() {
    $(this).slideUp(500);
}​);​

jsFiddle の例。

Answer 2

これはまったく役に立ちますか: http://jsfiddle.net/EefAD/3/

Answer 3

おそらく、最初の要素のホバーアウトコールバックでタイムアウトを設定し、2番目の要素のホバーでsetTimeout(function, delay)フラグを設定し、ホバーアウトでそれを元に戻します。タイムアウトが発生したら、フラグがであるかどうかを確認します。ユーザーは 2 番目の要素にカーソルを合わせています。truefalsetrue