jQuery Hover Menu - When hovering over child - menu disappears
<p>So I created a simple little hover, that uses a class from a link to show a div underneath.</p>

<p>The show/hide works fine, but I can't figure out how to set it so that if the mouse is over the div, it wont hide. I tried using (this) and .hover, with no success.</p>

<p>Here is my code:</p>

<pre><code>$(document).ready(function()
{

    // hide all dropdown
    $("#dropdown1").hide();

    //hover show dropdown

    $(".menu-level-one").hover(
        function () {
            $("#dropdown1").show();
        },
        function () {
            var postTimer1 = setTimeout(function(){ $("#dropdown1").hide(); }, 1000);        
        }
    );
});
</code></pre>
