Should be simple to the trained eye. Two thing… I would like to add a smooth animation to its open and close. And two can you see why it adds two characters to any given word it cuts short when it shows the remainder of the text? I can get around this error by using the exact character count to place the cut in a space. But that’s sloppy.
I would just use expander plugin http://plugins.learningjquery.com/expander/ but when it shows more of the text it does it with inline-block so the remander of the text drops down on the next line as if a “br” was inserted. Maybe I was doing that wrong somehow. But could not see why. This would be a fine solution too as it has the smooth animation out of the gate but, as I said, drops it down to the next line. I played with many demos of this and they all seem to do it.
I fixed the odd character insertion, and animated the toggle for you . . . very simple additions, honestly. If I were you, I’d use the plugin version, as it’s more easily modifiable and makes everything cleaner. Just modify the lines I’ve commented to get the effects I’ve added.