title: jQuery slideDown Snap Back Issue
body: <p>I have the same problem that I am reading about all over the web, although I can't find the solution.</p>
  
  <p>Simply put, when using the slideDown() method on my DIV elements, I get that ugly snap back effect where jQuery slides the DIV size down too far and then it snaps back to the actual size in an ugly way.</p>
  
  <p>Looking over the web, iv tried removing all margins and padding from the offending elements, but it does nothing.</p>
  
  <p>I cant set static sizes for the div's because each one will change on page load.  One loaded though they  wont change.  (new divs are also created using ajax)</p>
  
  <p>Heres a sample DIV</p>
  
  <pre><code>&lt;div class="response hidden new"&gt;  
  &lt;div class="right"&gt;&lt;span class="responseTime"&gt;10:28:10 AM&lt;/span&gt;&lt;/div&gt;  
  &lt;span class="responseUser"&gt;Someone&lt;/span&gt;&lt;br&gt; 
  &lt;span class="responseMessage"&gt;sdgs sdgh&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the CSS</p>
  
  <pre><code>div.response {
  line-height: 20px;
  border-bottom: 1px dotted #546268;
  }
  
  .responseMessage {display: block}
  </code></pre>
  
  <p>Can anyone help me here?  Im out of ideas ..  Iv tried using jQuery to figure out the height of the DIV first then force the height using CSS() before calling the slideDown() but jQuery was almost always wrong about the height ...</p>
  
  <p>The response div is also hidden using the display:none property.</p>
  
  <p>This function is then being called on it</p>
  
  <pre><code>function quickResponse(time, user, message, epoch) {
      $('.latestStar').remove();
      addResponse(time, user, message, epoch);
          $('.new').slideDown(500).removeClass('hidden');
      $('html, body').animate({ scrollTop: '0px'}, 1000, function() {
      });     
  }
  </code></pre>
  
  <p><strong>Edit</strong>
  I forgot to mention, that if the div only contains 1 word,  the snap back effect doesnt happen .. but if I type multiple words with spaces, it happens..</p>
  
  <p>Its almost like adding spaces causes the height to screw up.</p>