[jQuery] hover menu - jquery

[Nisus]

Hi,

I am using this jquery sliding menu.Its working on onclick event.I
wanted to make it to a mouseover/mouseout.This is the orginal script.

Original = http://www.webresourcesdepot.com/sliding-top-menu-with-jquery/

topMenuAction = this is the click button
openCloseIdentifier= this is the content or the DIV

<script type="text/javascript">
$(document).ready(function() {
$(".topMenuAction").mouseover( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-210px"
}, 500 );
$("#topMenuImage").html('<img src="open.png"/>');
$("#openCloseIdentifier").show();
} else {
$("#slider").animate({
marginTop: "0px"
}, 500 );
$("#topMenuImage").html('<img src="open.png"/>');
$("#openCloseIdentifier").hide();
}
});

});

</script>

----------------------------------------------------
I have tied to do the changes

<script type="text/javascript">

$(document).ready(function() {
                $(".topMenuAction").mouseover( function() {
                        if ($("#openCloseIdentifier").is(":hidden")) {
                                $("#slider").animate({
                                        marginTop: "-210px"
                                        }, 500 );
                                $("#openCloseIdentifier").show();
                        } else {
                                $("#slider").animate({
                                        marginTop: "0px"
                                        }, 500 );
                                $("#openCloseIdentifier").hide();
                        }

                });

        });


    </script>


Now the sliding menu is hiding only if I mouseover the "topMenuAction"
button.
Say if I have mouseover "openCloseIdentifier" then it will show up.But
If I do the mouse out
from the "openCloseIdentifier" the sliding menu keeping as its.means
its not hiding.I have tried
"hover" instead of "mouseover" but the same result.

Please correct my code and show the way
Thanks