jQuery Slide Panel on Mouseover

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;
});

From stackoverflow

• Use the hover function. This should be close.

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

• I have created this too:

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