Категория:
Опубликовано:

Скрыть елемент по клику за его пределами

Часто возникает задача по клику показывать блок, или целый регион.

Обычно, для скрытия добавляется какого-то рода крестик, ссылка "Close" и т.п.

В этом посте я расскажу как скрывать этот элемент по клику на сайте за пределами открытого блока.

Для этого, необходимо добавить в скрипт следующий код:

$(function(){
 $(document).click(function(event) {
  if ($(event.target).closest('.block').length) return;
   hideBlock();
   event.stopPropagation();
 });
});

Где, ".block" это селектор, за пределами которого будут считаться клики.

Важно! Если используется и открытие элемента с помощью jQuery, необходимо обязательно остановить функцию "return false".

Если у Вас возникли вопросы, замечания, предложения или просто благодарность - пишите в комментариях.
Делитесь полезными материалами в социальных сетях.
Добавить комментарий