jquery hover 邊界觸發(fā)問題

兩個同級div 默認div1顯示 div2隱藏 當鼠標移動到div1是下拉顯示div2 但當鼠標移動到div2時（具體觸發(fā)情況是當鼠標穿過連個div邊界）會再次觸發(fā)hover動畫 ， 怎么解決？

例子

<div class="div1" style="border:1px solid red; display: block"></div1>
<div class="div2" style="border:1px solid blue; display: none"></div2>

 $(".div1, .div2").hover(function () {
        $(".div2").slideDown("fast");
    }, function () {
        $(".div2").slideUp("fast");
    })