JQuery Animations: Sliding and Fading

Wanted to do a slide-out and fade-in menu upon hover, and slide-in and fade-out when mouse is out of the menu. Optimum is to put in a timer delay as well.

Code I am currently referencing:

$("#Menu-header").hover(function() {

$("#Menu-content").animate({ opacity: "show", height: "show" }, "slow");

});

// mouse leaves the content area

$("#Menu-content").mouseleave(function() {

setTimeout(function() {

$("#Menu-content").animate({ opacity: "hide", height: "hide" }, 900);}, 1000);

});

Resources:

http://www.learningjquery.com/2008/02/simple-effects-plugins

http://stackoverflow.com/questions/734554/jquery-fadeout-then-slideup

http://docs.jquery.com/Effects/slideUp