使用hover时，鼠标放在上面移动时会不停的触发和闪动

项目场景：

鼠标移到div1时显示div2的内容，移出时隐藏。

<div class="div1"></div>
<div class="div2"></div>

<script>
    $(".div1").hover(function () {
        $(".div2").css({ "display": "block", "zIndex": "999" })
      }, function () {
        $(".div2").css({ "display": "none", "zIndex": "-999" })
      })
</script>

---

问题描述：

当鼠标移入div1时div2会显示，但是鼠标在div1区域内继续移动会不停的触发hover导致div2频繁显示隐藏。（不方便截动图就不截了，大家自行脑补 ψ(*｀ー´)ψ ）

---

原因分析：

鼠标移入div1时，div2显示，鼠标在div2上代表移出div1，触发移出div2会隐藏，鼠标就会处在div1之上，然后触发移入div2显示，以此类推造成反复隐藏显示的闪动效果。

---

解决方案：

把div2放到div1里面就能解决了(￣▽￣)／

<div class="div1">
      <div class="div2"></div>
</div>