JQuery если заявление оживить назад

Question

Как добавить оператор if, когда правое изображение имеет + 400px, а затем анимировать обратно до -400px ... при наведении на правильное изображение?

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

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

});

Что-то похожее на это . (два основных изображения на сайте)

Answer 1

Почему бы просто не использовать: mouseleave

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

Peraphs - это то же самое, что mouseover / mouseout AND hover