Jquery 悬停时显示元素并在悬停结束时隐藏

我想在原稿悬停时显示“悬停”，并使用fadeIn。当用户停止将鼠标悬停在“原始”上时，“悬停”应该会淡出

我正在使用这个代码。使用此选项，元素将显示在悬停状态下，但悬停结束时不会淡出

$('#hover').hide();

$("#original").hover(function () {
$('#hover').fadeIn('');
});

---

任何帮助都将不胜感激。提前谢谢。

。hover

有两个回调

语法

.hover( handlerIn(eventObject), handlerOut(eventObject) );

说明：将两个处理程序绑定到匹配的元素，在鼠标指针进入和离开元素时执行

你对你的HTML有兴趣吗？最有可能的是，这可以通过CSS单独完成，而不需要任何代码。

#hover{opacity:0 transition:600ms linear}

#original:hover~#hover{opacity:1}

$("#original").hover(function () {
  $('#hover').fadeIn();
},function () {
  $('#hover').fadeOut();
});