title: How to implement a jQuery slide/bounce animation?
body: <p>Basically I would like to have a DIV slide out and do a slight bounce where it goes past it's final size and then returns.  Not sure how to explain it so please see my attempt at a diagram below:</p>
  
  <pre><code>---------------------&gt;  //Slides out
                   &lt;----  //Then "bounces" back to it's final size
  </code></pre>
  
  <p>I have the first part down using the toggle animation:</p>
  
  <pre><code>$("#second").animate({ width: 'toggle' }, 85);
  </code></pre>
  
  <p>I thought I could get the bounce effect by doing:</p>
  
  <pre><code>$("#second").animate({ width: 'toggle' }, 85).animate({ width: 'toggle' }, 75);
  </code></pre>
  
  <p>But it disappears.  After reading over the animate/toggle documentation I guess this makes sense, but I'm still not sure how to get the desired functionality.  Any suggestions?</p>
  
  <p>Bonus points if you can make it so the content of the sliding div is cut off rather than being pushed to the next line.</p>