title: toggle text while dynamically animating div height
body: <p>I have a fixed <code>div</code> height with some text that overflows. I've set the overflow to <code>hidden</code> and want to expand the <code>div height</code> to display the rest of text inside if a link is pressed; then return the <code>div</code> to its initial height when the link is pressed again. I came across the following <a href="https://stackoverflow.com/questions/21910896/how-to-change-div-height-on-slidetoggle-function-with-more-less">question</a> which is what I want, however their text is broken up into 2 <code>p</code> tags whereas I only have one. I tried this but I get the following error:</p>
  
  <p><code>Unable to get property 'scrollHeight' of undefined or null reference</code> </p>
  
  <p>Here is my <a href="https://jsfiddle.net/60b5op6f/" rel="nofollow noreferrer">code</a></p>
  
  <p>Any help would be appreciated.</p>