$(function(){ $(".custom_box_right").hover(function(){ $(".custom_box_right").stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".custom_box_right").stop(true, false).animate({right: "-245" }, 800, 'easeInQuint' ); },1000); }); $(function(){ $(".custom_box_left").hover(function(){ $(".custom_box_left").stop(true, false).animate({left: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".custom_box_left").stop(true, false).animate({left: "-245" }, 800, 'easeInQuint' ); },1000); });