jquery hover 边界触发问题

Question

两个同级div 默认div1显示 div2隐藏 当鼠标移动到div1是下拉显示div2 但当鼠标移动到div2时（具体触发情况是当鼠标穿过连个div边界）会再次触发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");
    })

Answer 1

可以委托给父元素执行

加上stop的原因是 防止你重复触发动画。