expanding divs and scrolling
<p>I have a few long descriptions. On page load, I hide the long description and instead I truncate it to show the short description. The way I do this is to toggle the description divs.</p>

<p>They look like this:</p>

<p>hello world! my name is <strong>more</strong></p>

<p>hello world! my name is <strong>more</strong></p>

<p>hello world! my name is <strong>more</strong></p>

<p>When you click on <strong>more</strong>, it will expand the description. After it expands, it will have a <strong>less</strong> that brings it back to short form.</p>

<p>The problem is that if the description is long enough, once you click less, you can no longer see the description (because you have scrolled it offscreen.</p>

<p>What I want it to do when the user click <strong>less</strong> is this:</p>

<p>When the <strong>less</strong> is showing, the user is able to see what is below that description. So everything below should stay in place, while everything above the description we clicked slides into view.</p>
