jQuery-mouseoverの場合はスライダダウンDIVを表示してください

Question

クリックしたときにマウスを動かすと、ドロップダウンメニューのような別のDIV（PANEL）がスライドするリンク（BTN-SLIDE）があります。

私は時にドロップダウンDIVがフェードアウトを確認する：マウスがドロップダウンDIV

を残ししかし、私はまた、マウスがある一方で、ドロップダウンDIVが見える滞在したい） a）のマウスがリンク Bを去りますその上。

これは私のコードです。問題は、ドロップダウンDIV（#panel）を開き、#panelをマウスオーバーすることなくリンク（.btn-slide）を残すと、#panelが決して閉じることがないということです。

一方、リンクをマウスで離したときに#panelを閉じるように設定した場合、マウスオーバーしても#panelが終了します。

ありがとう！

<a class="btn-slide" href="#”>Click here to open Panel</a>  
<div id="panel"><p>ahsjdhkashdkasjhd</p></div> 

$(".btn-slide").click(function(){ 
    $("#panel").slideDown(500); 
}); 

    $("#panel").mouseleave(function(){ 
     $("#panel").slideUp(500); 
}); 

Answer 1

親要素に両方の要素をラップし、そこからmouseleaveトリガーを取得することができます。 http://jsfiddle.net/UCrQF/