Как скрыть элемент при клике в другом месте?

Question

[Расул Гитинов]

Есть карта, на которой отмечены точки геолокации. При нажатии на любую точку, появляется окошко с информацией. При нажатии на другую точку, предыдущее окошко скрывается.

Вот код:

$(function(){
	$('.mark').click(function(e){
		if(!$(e.target).hasClass('active')){
			$('.mark.active +.tooltip').fadeOut();
			$('.mark.active').removeClass('active');
			$(e.target).addClass('active');
			$('.mark.active +.tooltip').fadeIn();
		}
	});
});

Как сделать так, чтобы при нажатии на любое другое место окошко скрывалось?

Comments

[Exploding]

Не видя разметки - не понятно, что за марк и вообще как все это выглядит

[Расул Гитинов]

Exploding: Вот ссылка: kanc-park.rasel.site/#shops

[Exploding]

Расул Гитинов: На всякий случай

$(function(){	
	$('.mark').click(function(e){
		if(!$(e.target).hasClass('active')){
			$('.mark, .mark +.tooltip').removeClass('active').hide();
			$(this).addClass('active').siblings('.tooltip').show();
			e.stopPropagation();
		} else 
			$('.mark, .mark +.tooltip').removeClass('active').hide();
	});
	$('body').click(function(){
		$('.mark, .mark +.tooltip').removeClass('active').hide();
	});
});

[Расул Гитинов]

Exploding: Спасибо большое, благодарен за помощь)

Answer 1

[0xD34F]

Вместо .mark вешайте обработчик на body. Если клик не на .mark или не на .active - скрывать окно, если клик на .mark, у которого нет active - показывать окно. Типа так:

$('body').on('click', function(e) {
  var
    $target = $(e.target),
    isMark = $target.hasClass('mark'),
    isActive = $target.hasClass('active');

  if (!isMark || !isActive) {
    $('.mark.active +.tooltip').fadeOut();
    $('.mark.active').removeClass('active');
  }

  if (isMark && !isActive) {
    $target.addClass('active');
    $('.mark.active +.tooltip').fadeIn();
  }
});

Comments

[Расул Гитинов]

Почему-то вообще перестали работать. Не кликается на точки

[0xD34F]

А вы этот код обернули в $(function(){}) - как остальные подключения обработчиков?

[Расул Гитинов]

0xD34F: Спасибо, что подсказали)) Все заработало!