jquery if语句动画回来

Question

当右图像为+ 400像素时，如何添加if语句，然后在悬停右图像时动画回动到-400像素？

$('#left img').mouseenter(function() {
  $('#right img').animate({
    left: '+=400px'
  }, 700);                            

});
$('#right img').mouseenter(function() {
  $('#left img').animate({
    left: '-=400px'
  }, 700);

});

与this类似的内容。 （网站上的两个主要图片）

Answer 1

为什么不使用：mouseleave

$("#left img").mouseenter(function(){
     //+400
    }).mouseleave(function(){
      //-400
    });

Peraphs与mouseover / mouseout和hover相同