div slide up and down

div slide up and down

Hi,

I need to have a div slide up on mouseover and on mouse out or mouseover anywhere else to slide back up.
Here's what I have so far but it's not working accurately.
$(".openNav").hover(function () {
$("#nav").animate({"bottom": "-40px"}, "slow");
});
$("#nav").mouseout(function () {
$("#nav").animate({"bottom": "-175px"}, "slow");
});


I tried setting a timer and delay but still can't get it to work right.


help please thanks!!