How do I hide only half of a div and then reveal it on hover?

How do I hide only half of a div and then reveal it on hover?

Hi guys,

I'm rather new to jQuery, so please just humor me. If I'm in the wrong section, could someone point me in the right direction?

Anyhow, as per my new site design, I need to have a DIV on the page, containing an image, some other divs, and some text within it, but have HALF of it concealed (see attached spotslideprev1.jpg) until the user hovers over the div, revealing the complete DIV (see attached spotslideprev2.jpg).

I think it's pretty self explanatory. If anyone has any ideas or tips, I'd love to hear them!