title: JQuery slideDown slideUp mouseover mouseout
body: <p>what I'm trying to do is to keep video in .slideDown until mouseout text AND video, is that possible? here's my code until now</p>
  
  <p>Both #text and #video are div</p>
  
  <p>JS here:</p>
  
  <pre><code>&lt;script&gt; 
   $(document).ready(function(){
    $("#text").mouseover(function(){
     $("#video").slideDown("slow");
    });
    $("#video").mouseout(function(){
     $("#video").slideUp("slow");
    });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>CSS here:</p>
  
  <pre><code>#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;
  }
  </code></pre>
  
  <p>I looked for a solution but couldn't find something that close.
  Thank you</p>