In a frenzy: CSS popup text issue

[scott4design]

I am working on a page and and tossed up between using javascript and css. My css source is http://meyerweb.com/eric/css/edge/popups/demo.html and my page is http://www.achtungmediadesign.com/th/testimonials_test2.html that I am trying to achieve this result on. div class testi2 is the space I want to not be visible until a mouse rolls over a certain section of text I have not yet defined..... but alas I am working on this bits at a time and am so far stuck. I could use a clue or at least a point in the direction of a good example. Ideally I would like a single sentence and when mouse over there is a panel that slides open with the desired paragraph of text on it that does not change the real estate of the page.

[Medyman]

Ideally I would like a single sentence and when mouse over there is a panel that slides open with the desired paragraph of text on it that does not change the real estate of the page.

If you want some sort of sliding effect, you can't do that with CSS. You would have to use JavaScript. You have to think about what you really need. The way you describe it, I think you will be better off with JavaScript.

If this is to be a sentence that opens up a new paragraph (i.e. a substantial amount of text), using CSS would mean that the user has to be "moused" over the link at all times. This would get fairly annoying. On the other hand, you have more options with javascript.

Here is a simple example of the CSS effect (http://www.visualbinary.net/files/tutorials/popups/css/#). Here is a simple example of it in JavaScript (http://www.visualbinary.net/files/tutorials/popups/js/#) using the jQuery JavaScript framework (http://jquery.com). You have to click on the text in the JS example (you could change this to hover if you wanted).

[scott4design]

I decided to use the CSS version and really appreciate your direction. I'll make a credit notation in the code when I get ready to publish. Thanks!!!!!:D