title: Slide a div offscreen using jQuery
body: <p>This is a bit of a challenge. Here's what I'm looking for:</p>
  
  <ol>
  <li>3 divs on screen</li>
  <li>Div 1 resides in the middle of the page (centered)</li>
  <li>Div 2 resides just off the screen on the far left</li>
  <li>Div 3 resides just off the screen on the far right</li>
  <li><code>OnClick</code>, Div 1 slides to the position Div 2 was (to the left), Div 2 slides off the screen entirely, Div 3 slides to where Div 3 was (middle, centered). A new div arrives on the right.</li>
  </ol>
  
  <p>I've tried using jQuery animation and AddClass. jQuery doesn't like sliding a div offscreen. </p>
  
  <p>Any thoughts?</p>
  
  <p>For an example of what I'm describing, visit <a href="http://www.groupon.com/" rel="noreferrer">Groupon.com</a>. I thought it was a cool idea, and have given myself the challenge of recreating it. So far, no dice.</p>
  
  <p>-D</p>