Slide-out/in textboxes by mouseover

Slide-out/in textboxes by mouseover

I want to make a slide-out/in effect with text boxes using Jquery at my Wordpress site, but I desperately need help, please!
In the first position I want to show a small box (perhaps with a button with a single word). In the second position ( by mouse-over) a textbox should slide out containing a fair amount of text (ex. 100 words).

I have heard that some kind of hover-toggle effect should be possible using Jquery. Is that true?

I submit a link to my website:  http://hedningen.dk/teatertelegrammet/.  I hope for forgiveness for the rudimentary looks and functions.

The two first boxes (“handling” and “staging”) are made using jquery. And,  as you can see, I can slide out - but not in. The boxes are as of now empty. The other six boxes are made using the CSS3 fake hover-effect, but I think that Jquery will take me a lot further.

Can anybody please help me?