Question

How can I get the height at which an element was rendered, after I have changed it’s height?

E.g. the text make a very long (high) div, then I shorten it to make it look neat and I use overflow:hidden to temporarily cut off excess text. Now, dynamically, I want to resize the div to be as high as it would have been if I never touched it.

How is this possible to do?

CSS & JQuery is welcome.

Thanks

Answer 1

Grab that value prior to the re-size.

You can then save it, and use it, in two different ways:

// grab it as a JS value and keep it stored somewhere
var originalHeight = element.height();

// grab and store the original value in the rel HTML attribute
el.attr("rel", el.height()