Basic Jquery question

Basic Jquery question

Hi

I'm just fiddling with Jquery, admittedly my Javascript's not great, and I just have a couple of tweaks I'm struggling to make. See this test page:

http://ubtemp.110mb.com/simple-slide-panel.html

There are two things I want to do:

1. When hovering over the blue panel, I want the red panel to come from the bottom up rather than the top down.

2. When moving the mouse away from either panel, I want the animation to return to its normal state (blue panel)

Any ideas what code I need too change / add?

Thanks!