I have a .js file that we modified (from jtruncate.js) to allow me to insert wherever I want the div to be truncated, rather than by character points.

This is because we have many divs on this page that need truncation at a certain point.

The problem I am having is that if someone clicks on "more" in any of these sections the div grows as it is supposed to, but my container does not adjust with the new height, so the content goes behind the footer. I have attached a link to show how the error looks on our page.

Can anyone help? I am relatively new to javascript so any advice would be helpful. Thanks!