jQuery悬停-鼠标输出不工作

我这里有以下脚本。。。当我将鼠标移到项目上时，它会工作。。。但是当老鼠离开的时候，它没有隐藏任何东西。事实上，这就像一个无止境的循环。请帮忙！：-）

$（文档）.ready（函数（）{
//调用了.ready（）的处理程序。
$（“.hover”）.hover(
函数（）{
$（'.hide'）.hide（）；
var clss=$（this.attr（'id'）；
$（'.pop_'+clss+''）.show（'slow'）；
}, 
函数（）{
$（'.hide'）.hide（'slow'）；
}
);
});

飞入框一进来就获得了关注，这触发了您实现的mouseleave功能，它们就消失了。为了获得您想要的功能，您需要：

将mouseleave绑定到正在显示的.hide div

使新div不与.hover元素重叠

---

你在隐藏/显示什么，你能在问题中添加一些html吗？先隐藏它，然后再慢慢隐藏它？那该怎么办？谢谢你的回复。下面是一个例子：我不熟悉jQuery.bind的用法。你能帮忙吗？对不起，我只是想把$（“.hover”）.mouseleave部分移到另一个元素。尝试替换。用悬停。隐藏并查看发生了什么。太棒了！非常感谢你！非常感谢您的帮助。：-）

<script type="text/javascript">
$(document).ready(function() {
        // Handler for .ready() called.
    $(".hover").hover(
      function () {
         $('.hide').hide();
        var clss = $(this).attr('id');
        $('.pop_'+clss+'').show('slow');
      }, 
      function () {
        $('.hide').hide('slow');
      }
    );


});
</script>