I have a div on a site that contains a large amount of text. I want to be able to show the div at a certain height (say 200pxls high) with the remainder of the copy hidden until the user clicks the 'read more...' link when the div smoothly expands to show the full copy and the 'Show more...' link is replaced with 'Show less...'.

I've found script that allows me to do this, but only by making the div jump from one state to the other, rather than a smooth expand.

Can anyone help with this?