animate and hover function

animate and hover function

Hi,

I'm new to jQuery and I was wondering if it's possible to put .animate and .hover on one element.
Here's the script I have now:
  1.                         $(document).ready(function(){
  2.                  $(".element-header").hover(function(){
  3.                      $(".element").animate({
  4.                          height: "100px"
  5.                      });
  6.                  },function(){
  7.                      $(".element").animate({
  8.                          height: "0",
  9.                      });

What I wanted to do is add a .hover function to it as well.
So what I'm hoping to see is that it animates + the image changes.
How do I do that? Sorry, I'm doing trial-and-error right now and it isn't going very well.