jQuery Slide Panel on Mouseover

Question

How can I make this sliding panel example to slide down on mouseover and slide back in on mouseout instead of using the click function?

See the example here: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

$(".btn-slide").click(function(){
 $("#panel").slideToggle("slow");
 $(this).toggleClass("active"); return false;
});

Answer 1

Use the hover function. This should be close.

function slide() {
  $("#panel").slideToggle("slow");
  $(this).toggleClass("active"); 
  return false;
}

$(".btn-slide").hover(slide, slide);

Answer 2

I have created this too:

http://sarfraznawaz.wordpress.com/2010/03/07/creating-codeigniter-like-user-guide-panel-with-jquery/