Jquery help with toggle menu
<p>I created a button, what i want to do is when i hover it, a menu toggle out with animation. But when I moved the cursor over the menu, the menu toggle back, because it now read that the cursor not  hover on the button anymore.  I try to use "e.preventDefault();", it stop the menu toggle back in, but all the animation seem to canceled out.</p>

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

<pre><code>$("#logoSmall").hover(function(){
        //e.preventDefault();
        $("#safety_nav").toggle(function(){


            $(this).animate({top: '40px', opacity:'1'}, function(){
                $(this).hover(function(){
                        //I don't know what to put here.
                    });
            });
        });

    });
</code></pre>

<p>Please help! What am i missing? What am i doing wrong here?</p>

<p>Thank you</p>
