title: jQuery assistance needed with mouseover() and slideDown
body: <p>so I'm trying to work on some little stuff with HTML, CSS, &amp; jQuery. One of the things which I'm trying to do is to make a div slide down whenever I have the mouse over it. The code that I have right now looks like:</p>
  
  <pre><code>$(document.ready(function(){
       $('div').mouseover(function(){
             $('div').slideDown('slow');
       };
       $('div').mouseout(function(){
             $('div').slideUp('slow');
       });
  });
  </code></pre>
  
  <p>However, for some reason, this does not seem to work. Assume that everything is linked properly, and that the CSS and everything else is coded correctly. It only starts to goof when the mouseover() and mouseout() are in the code. Can someone tell me why? I can get this to work when there is a 'trigeger' div on top of the other, so that when the mouse hovers over the 'trigger' div, the one on the bottom slides down. Any help with making one div slide down would be appreciated.</p>
  
  <p>Thanks!</p>