Glidende div ved mouseover i jQuery

Jeg har for nyligt fået øjnene op for jQuery, og det er jo vældig smart!

Nu har jeg et ønske om at få en div til at udvide sig ved mouse over via jQuery.

Når curseren ikke er over div'en skal den have en højde på 20px, og når curseren så er over div'en, så skal den glide ned og blive 100px.

Jeg har fundet et script som virker via et link, men det er jo ikke helt hvad jeg ønsker. Nogen der kan hjælpe med at omskrive det så det virker som jeg vil have det?

På forhånd tak


----


$(document).ready(function(){

    $(".link").click(function(){
      $("#slider").slideToggle("slow");
      $(this).toggleClass("active");
    });

});