jQuery hover fadein/fadeout/slidetoggle
<p>When I onhover I can get the effect what I need, but when I move the mouse to "my list" <code>a</code> tag, <code>#bb</code> div disappeared. how could I make it stays there as I need to click it.</p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;div id="aa"&gt;click&lt;/div&gt;
&lt;div id="bb"&gt; &lt;a href=""&gt;my list&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p><strong>jQuery:</strong></p>

<pre><code>$('#bb').hide();
$('#aa').hover(function(){
    $('#bb').slideToggle();
});
</code></pre>

<p>Online sample here - <a href="http://jsfiddle.net/9tjZK/" rel="nofollow">http://jsfiddle.net/9tjZK/</a></p>
