hovering: fadeIn, delay, fadeOut. [not working]
<p>apologies as this has been asked many times, but I tried the related solutions, and they do not work well for me.  on www.Handonam.com/sloshspot, i'm trying to create a hover event where it fades in fast when you hover, then delay and fade out slow when you mouse out from it.  I attempted it with this (which is on the site):</p>

<pre><code>$("#subHome").fadeTo("slow", 0);
$("#button1").hover(function(){
   $("#subHome").stop().fadeTo("fast", 1.0),
   $("#subHome").delay(2000).fadeOut("slow");
 }); 
</code></pre>

<p>but it is buggy because it won't let me fade in again.  I also tried separating them into mouseover and mouseout events, and they don't work as well.</p>

<p>Anyone know how I can make this fluid?</p>
