dynamic shortened text areas with "See more" link

Question

I need to add text areas to my website with the following charateristics:

• Only the first 2 lines should be visible with a "See more" link.

• When the user clicks on see more the remaining text is displayed without page refresh...

It should be similar to Facebook "See more" functionality, showing the complete comments content, if these are shortened.

Optionally I would like to use a sliding effect to show the full content of the text area.

thanks

Answer 1

The easiest way I can think of to achieve the effect you're looking for would be to load the full text, but then use something like the jQuery Expander Plugin to take care of hiding the "extra" text until a user chooses to click on the link.