jquery hover to show menu issue
<p>I'm trying to add a hover effect to show/hide a dropdown menu. The problem is when I hover over the link the menu shows but disappears again.</p>

<pre><code>$(".hoverli").hover(
  function () {
     $('ul.file_menu').slideDown('medium');
  }, 
  function () {
     $('ul.file_menu').slideUp('medium');
  }
);
</code></pre>

<p>Please take a look at the demo here: <a href="http://jsfiddle.net/4jxph/912/" rel="nofollow">fiddle</a>.</p>

<p>Can you tell me what I'm missing in the code?</p>

<p>thanks</p>
