Jquery 在鼠标上方需要div向上滑动

我试图创建一个顶部几乎看不见的div（图1），但在鼠标上方，它会向上滑动到其中包含一些副本的位置（图2）。然后在鼠标移出/离开时，div返回到#1位置

非常感谢您的帮助

---

你走在正确的轨道上。使用hover（）代替mouseover（）和mouseout（）

---

不要使用delay（），而是使用setTimeout（）。

您应该使用标准的jQuery函数，如：

.slideUp() 

---

（来源：）

一切正常，只要两个小零钱，你就可以开始行动了

首先，当您使用stop时，请这样写：

stop（true）div将停止闪烁

然后，为了能够看到一条小红线，您只需要使用
的高度。默认值
注意，如果您在CSS中更改它，您也必须在
动画（）中更改它

我个人将其设置为15px，这是一个很好的值，请自行查看：

请注意，您制作动画的方式不会有响应。换句话说，如果你的文本有两行，它将无法正常工作。您的代码对于那些“与jQuery相处不好”的人来说是完全可以接受的。我只是指出一个你以后可能会遇到的问题

编辑：正如林戈在回答中所说，使用
.hover（）
而不是
.mouseover（）
和
mouseout（）
 以下是我目前所拥有的：谢谢你鼓励我的话。。。在未处于“活动”状态时，如何使div略微可见如果这是合理的为什么使用延迟不好？你的小提琴几乎正是我要找的。。。唯一的问题是，如果你把鼠标放在div上一秒钟，红色的盒子向上移动鼠标，红色的盒子会表现得很奇怪。我怎样才能解决这个问题，因为你对我帮助很大。事实上，这是wierd，但我通过添加
overflow:hidden内部
#拇指功能。上下
CSS。