hover out function
<pre><code>jQuery("#markets_served").hover(function(){
    jQuery.data(document.body, "ms_height", jQuery(this).height());
    if(jQuery.data(document.body, "ms_height") == 35) {
        jQuery(this).stop().animate({height:'195px'},{queue:false, duration:800, easing: 'easeOutQuad'});
        jQuery("#btn_ms_close").css("display","inline");
    }
});

jQuery("#btn_ms_close").hover(function(){
    jQuery.data(document.body, "ms_height", jQuery("#markets_served").height());
    jQuery("#markets_served").stop().animate({height:'35px'},{queue:false, duration:800, easing: 'easeOutQuad'});
    jQuery(this).css("display","none");
});
</code></pre>

<p>Problem with hovering out. It wont work. It wont hover out when the mouse is out of the content that appears on hover.</p>

<p><a href="http://uscc.dreamscapesdesigners.net/" rel="nofollow">http://uscc.dreamscapesdesigners.net/</a> - example at the bottom " Markets Covered"</p>
