JQuery slideDown slideUp mouseover mouseout

Question

我要做的是将视频保存在.slideDown中直到mouseout文本和视频,这可能吗？这是我的代码,直到现在

#text和#video都是div

JS在这里:

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

CSS在这里:

#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;
}

我找了一个解决方案,但找不到那些接近的东西.谢谢

Answer 1

我不是100%肯定这是你想要做的,但我希望它有所帮助:

HTML:

<div id="wrap">
    <div id="text">text</div>
    <div id="video">video</div>
</div>

JS:

$(document).ready(function(){
  $("#wrap").mouseover(function(){
   $("#video").stop().slideDown("slow");
  });
  $("#wrap").mouseout(function(){
   $("#video").slideUp("slow");
  });
 });

工作示例:http://jsfiddle.net/ZyUYN/