title: jquery if statement animate back
body: <p>How do I add an if statement when the right image is at +400px, then animate back to -400px... when hovering the right image?</p>
  
  <pre><code>$('#left img').mouseenter(function() {
    $('#right img').animate({
      left: '+=400px'
    }, 700);                            
  
  });
  $('#right img').mouseenter(function() {
    $('#left img').animate({
      left: '-=400px'
    }, 700);
  
  });
  </code></pre>
  
  <p>Something similar to <a href="http://www.hyundaiusa.com" rel="nofollow noreferrer">this</a>.
  (the two main images on the site)</p>