Главная > Javascript > jquery — скрывать блок когда указатель мыши находится за его пределами

jquery — скрывать блок когда указатель мыши находится за его пределами

24 августа 2018 Написать комментарий К комментариям

При наведении на ссылку .link показываем блок .block, когда указатель мыши находится вне этого блока и вне ссылки — скрываем.

$(document).ready(function(){
	$('.link').hover(function(){
		$('.block').addClass('visible');
	});
	$(window).mousemove(function(event){
		if($(event.target).closest(".block").length||$(event.target).closest(".link").length)return;
		$('.block').removeClass('visible');
	});
});
.block{
	display:none;
}
.block.visible{
	display:block;
}
Categories: Javascript Tags:
  1. Пока что нет комментариев.
Похожие публикации