title: Animate, Jump Position, Animate
body: <p>Can this animation loop be done more efficiently? I am trying to get .gameBoxContent to slide left and then slide in from the right. The content of the box changes during this animation.</p>
  
  <p>Basically the div should: </p>
  
  <p>1: slide left out of view</p>
  
  <p>2: Jump Right</p>
  
  <p>3: slide left into view</p>
  
  <pre><code>// Slide Left
  $('.gameBoxContent').animate( {"left": "-950px"}, 400);
  
  // Sure this can be done better
  $('.gameBoxContent').animate( {"top": "950px"}, 1);
  $('.gameBoxContent').animate( {"left": "960px"}, 0);
  $('.gameBoxContent').animate( {"top": "20px"}, 1);
  
  // Slide Right
  $('.gameBoxContent').animate( {"left": "20px"}, 400);
  </code></pre>