Sliding a DIV and swapping images/text at the end of slide

Sliding a DIV and swapping images/text at the end of slide

I am trying to create a menu that would look and act like this image illustrates: http://www.sandiegopcsupport.com/cindi/joey.html

Essentially the three boxes slide down when rolled over and menu items appear in the portion that has slid down.


So far, I have figured out how to make an image slide using jQuery: http://www.sandiegopcsupport.com/cindi/joey/index.php

I have been doing a ton of research trying to figure this out and can't. Can anyone explain to me how this is done, or link me to an example?

Thanks