jquery menu - fade in/out
<p>I'm building a simple menu with jquery and am having trouble getting it to stay visible on rollover. </p>

<p>here is my jQ:</p>

<pre><code>$('.process').hover(function(){
            $('#dropdown').fadeIn(1000);    
        }, function(){
            $('#dropdown').delay(1000).fadeOut();
    });

$('#dropdown').mouseover(function() {
        //Need something here to hold the menu
    });
$('#dropdown').mouseleave(function() {
        $(this).fadeOut();
    });
</code></pre>

<p>What do I need above?</p>

<p>here is semi working example:</p>

<p><a href="http://jsfiddle.net/kenaesthetic/L25MD/2/" rel="nofollow">http://jsfiddle.net/kenaesthetic/L25MD/2/</a></p>
