Html 鼠标盖&；mouseout连续触发事件？

我有一个嵌套div，我想隐藏在鼠标上方，并显示在鼠标外

然而，当我尝试这样做时，事件会不断被触发

代码相当长，因此，对于更详细的，例如。

---

请查看fiddle@

，这是因为当您隐藏元素时，mouseout事件也会触发，因为光标不再位于元素上。相反，将事件添加到父元素以获得所需效果：

$('.slideshow')
    .mouseover(function(){
        $(this).find('.cp').hide();
    })
    .mouseout(function(){
        $(this).find('.cp').show();
    });

以下是一种方法：

在转盘面板周围添加一个包装（我想这就是cp的意思）：

和隐藏/显示其子元素：

$('.slideshow .cpWrapper').mouseover(function() {
    $(this).find('.cp').hide();
});
// ...

---

这里的工作示例：

链接到您的问题示例是好的，但是您应该在这里陈述您的问题，以及您的html和jQuery。谢谢@Tatu！虽然我给@pinouchon的原因是他的重复次数较少。不要看起来很重复，检查最适合你的答案。

.cpWrapper {
    position: absolute;
    width: 100%; 
    height: 100%; 
}

$('.slideshow .cpWrapper').mouseover(function() {
    $(this).find('.cp').hide();
});
// ...