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

Question

我希望在#original悬停时使用fadeIn显示#hover。当用户停止在#original上空停留时，＃hover应该返回淡出。

我正在使用此代码。使用它，元素显示在悬停上，但是当悬停结束时它不会退回。

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

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

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

Answer 1

.hover有两个回调。

<强>语法

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

  

描述：将两个处理程序绑定到匹配的元素，当鼠标指针进入并离开元素时执行。

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

Official Document