How Facebook do to expand the text of a large post? Add a "... More" and expand it

Question

I would like to know how to do something like Facebook does when you post a large text that shows you something like:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo venenatis nisl id convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec odio a libero consequat pretium ... More

So I can output all the text and, with jQuery, select a maximum of words, add the ... plus "More" and when I click it expand all the text remaining? All this without AJAX.

I will combine this with PHP for a multilingual site and I need to be able to change easily the word "More" for language support.

Sorry my English is not my main language and explain this is hard to me.

Thank you in advance!

Answer 1

There are many plugins out there to do this, the jQuery Expander plugin is one of the most popular. You can try out a demo here.

Or, there are lighter versions like truncate, you can try it here,