title: .slideToggle hover on div jquery
body: <p>I want to be able to slideToggle a div on hover, but it is not working.. Here is the code:</p>
  
  <pre><code>&lt;div class='slide-header'&gt;
          header....
  &lt;/div&gt;
  
  &lt;div class='slide-content'&gt;
         Content..................
  &lt;/div&gt;
  
  &lt;script&gt;
  $(".slide-header").hover(function () {
      $(".slide-content").slideToggle("slow");
  });
  &lt;/script&gt;
  
  &lt;style&gt;&lt;!-- initially, I don't want to display .slide-content --&gt;
      .slide-content { display:none; }
  &lt;/style&gt;
  </code></pre>
  
  <p>How can I .slideToggle on hover? Thanks!</p>