.slideUp（）当悬停在除特定div之外的任何其他内容时

Question

我目前有这段代码：

$(".usericon").hover(function () {
   if ($(".profile").is(":hidden")) {
   $(".profile").slideDown('slow');
   }
   });

当前将鼠标悬停在.usericon上时滑动.profile div（但仅在隐藏时才会这样）

我想要它做的是当我将鼠标悬停在.profile没有任何反应......但是当我在.profile以外的其他地方徘徊时，它会向上滑动。

我该如何实现？

Answer 1

为此，你需要在超过轮廓或用户图标时停止冒泡，并在悬停身体时关闭div。

这是一些示例代码：

$(".usericon").mouseover( function (event) {
    event.stopPropagation();
    if ($(".profile").is(":hidden")) {
        $(".profile").slideDown('slow');
    }
});

$('.profile').mouseover( function (event) {
    event.stopPropagation();
});


$('body').mouseover( function () {
    if ($(".profile").not(":hidden")) {
        $(".profile").slideUp('slow');
    }
});