jQuery — как закрыть элемент при клике за его областью

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

Читайте также, как сделать такое на чистом JavaScript.

Алгоритм

При наведении мышки на один объект возникает событие, которое вешает новый класс на другой.

Мы наводим мышкой на объект с классом:
get-icon

Новый класс:
new-class

Добавляется на уже существующий:
what-class-to-add

Если мышка уходит с этого объекта, всё возвращается на исходные позиции, т.е. новый класс удаляется.

Код:

Метки:

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "jQuery — как закрыть элемент при клике за его областью".

Ваш e-mail не будет опубликован. Обязательные поля помечены *