JQuery slideDown slideUp mouseover mouseout

我想做的是把视频放进去。向下滑动直到鼠标移出文本和视频，这可能吗？这是我到现在为止的代码

文本和视频都是div

JS在此：

<script> 
 $(document).ready(function(){
  $("#text").mouseover(function(){
   $("#video").slideDown("slow");
  });
  $("#video").mouseout(function(){
   $("#video").slideUp("slow");
  });
 });
</script>

我在寻找解决方案，但找不到如此接近的解决方案。

---

谢谢你

我不能100%确定这就是你想要做的，但我希望这能有所帮助：

$（文档）.ready（函数（）{
$（“#wrap”）.mouseover（函数（）{
$（“#视频”）.stop（）.slideDown（“慢”）；
});
$（“#wrap”）.mouseout（函数（）{
$（“视频”）.slideUp（“慢”）；
});
});
#文本{
边缘顶部：20px；
浮动：中心；
字体：VNF Museo；
字体大小：40px；
颜色：#333；
左边距：自动；
右边距：自动；
边框：1px实心#000；
}
#录像带{
显示：无；
宽度：1024px；
高度：278px；
边框：1px实心#000；
}

文本
视频
我不能100%确定这就是您想要做的，但我希望它能帮助您：


$（文档）.ready（函数（）{
$（“#wrap”）.mouseover（函数（）{
$（“#视频”）.stop（）.slideDown（“慢”）；
});
$（“#wrap”）.mouseout（函数（）{
$（“视频”）.slideUp（“慢”）；
});
});
#文本{
边缘顶部：20px；
浮动：中心；
字体：VNF Museo；
字体大小：40px；
颜色：#333；
左边距：自动；
右边距：自动；
边框：1px实心#000；
}
#录像带{
显示：无；
宽度：1024px；
高度：278px；
边框：1px实心#000；
}

文本
视频
这正是我想要的……谢谢！我会发布最终结果，但你的方式很简单，没有必要这样做。干杯，丹尼尔！有另一个DIV低于第一个使脚本发疯。这正是我要找的…谢谢！我会发布最终结果，但你的方式很简单，没有必要这样做。干杯，丹尼尔！在第一个DIV下面有另一个DIV会让脚本变得疯狂。
#text
{
margin-top:20px;
float:center;
font:VNF-Museo;
font-size:40px;
color: #333;
margin-left:auto;
margin-right:auto;
}

#video
{
display:none;
width:1024px;
height:278px;
}