Javascript jQuery：将鼠标悬停在一个元素上会使另一个元素淡出，但当鼠标悬停在该元素上时，它会消失

我有一个名为.description的类，当鼠标悬停在名为.image的类上时会显示该类 HTML:

另一个用户提供了一个工作版本，我对其进行了轻微修改，并将其放在这里：

---

当我将鼠标悬停在.image类上时，.description类显示得很好。我遇到的问题是，当鼠标悬停在描述类应该显示的位置时，描述类确实会显示，然后消失。有时它会不规则地闪烁

当您只将一个函数传递给jQuery.hover时，它会在

hover

和

out

上调用它

要取消鼠标移出时的任何操作，请提供一个空的处理程序

        $(".image").hover(function() {
            $(this).next(".description").fadeToggle();
        }, function() {});

---

演示：

我需要鼠标离开图像后弹出的框，您发布的链接就是这样做的。

$(".image").hover(function() {
    $(this).next(".description").fadeToggle();
});

        $(".image").hover(function() {
            $(this).next(".description").fadeToggle();
        }, function() {});