jquery if语句动画返回

Question

如何在右图像为+ 400px时添加if语句，然后将动画恢复为-400px ...当鼠标悬停在正确的图像上时？

$('#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是相同的鼠标悬停/鼠标移开和悬停