jquery - if(thing.is(:hover)) {do something}
<p>I can't get this to work.  On mouseover, show a div. On mouseleave, if still over shown element continue to show that element, else fade out the element.</p>

<pre><code>$('#list_cont').on('mouseenter', '.show_map', function() {
    $(this).next('.map_cont').fadeIn(800);
}).on('mouseleave', '.show_map', function() {
    var mapcont = $(this).next('.map_cont');
    if (mapcont.is(':hover')) {
        mapcont.show();
    } else {
        $(this).next('.map_cont').delay(600).fadeOut(800);
    }
});​
</code></pre>

<p>Problem is, the element never leaves.  Example <a href="http://mgoode.com/index.php?option=com_mls&amp;view=list" rel="nofollow">here</a>.  Hover the map icon.</p>
