Курсор мешает перемещению объекта
 

При наведении на Block1, объект успешно выезжает.
Проблема когда объект заезжает обратно, а курсор остается на объекте активным. Если курсор сдвинуть, то объект выезжает НО то курсор находится НЕ над объектом.
Какие есть решения проблемы?

Заранее благодарю всех участвующих.

$(document).ready(function(){

$("#Block1").hover(function(){
if ((window.getComputedStyle(document.getElementById('Block1')).bottom)=="-490px"){
$("#Block1").animate({bottom:'+=450px'});
	}
})

$(".Block2").click(function(){
if ((window.getComputedStyle(document.getElementById('Block1')).bottom)=="-40px"){ 

    document.getElementById('Block1FonJS').style.display =  'block';
	$("#Block1").animate({bottom:'-=450px'});  

	}
}) 
 
})

Решением стало использование mouseover, вместо hover

Источник: https://learn.javascript.ru/mouse-clicks