A basic hover, hide and show question.

A basic hover, hide and show question.

I am super new at web development, but have had a little bit of luck with basic jquery...until now. What I want to do is have text appear in a div tag when the page loads, but as soon as you rollover any one of the 3 links to the left, the initial text should disappear and be replaced with text associated with each of the 3 links.

I have the rollovers working so that the associated text appears, but can't figure out how to get the initial text to disappear and reappear on mouseover and on mouseout.

Here is a link to my test. You can see I was struggling as to where to put the code to make the
disappear and reappear.

Any help would be really, really appreciated! I promise I'll pay it forward.

R