18.04.20

Скрываем элемент: удаление класса по клику в любом месте страницы

Скрываем элемент: удаление класса по клику в любом месте страницы

Доброго времени, друзья! Сегодня, на почту, мне пришло письмо от моего коллеги в прошлом, с просьбой помочь ему написать скрипт, который бы по клику в любом месте страницы, удалял определенный класс.

Созвонились, побеседовали, и я ему говорю – возьми с моего блога, он именно то что тебе нужно. И поэтому поводу, пишу статью, мало ли кому еще пригодится такой скрипт в работе, ведь задачи всегда разные. И так, сам скрипт!

Скрипт удаление класса по клику

$(document).mouseup(function(e) {
   var container = $('.search-top-wrapp.search-open'); // Указываем у какого блока / класса убираем
   if (container.has(e.target).length === 0) {
      container.removeClass('search-open');            // Какой класс убираем
   }
});

Надеюсь, что этот, хоть и маленький гад, принесет кому-то радость, и искать какое-то другое решение больше ни где не нужно было. Скрипт прекрасно работает на мобильных девайсах, проверяли вместе.


Читайте также:


Пример

Воочию, как это дело работает, можете посмотреть, кликнув по иконке поиска в правом верхнем углу сайта.

На сегодня словарный запас закончился :). До встречи в следующей новости!

Не забудь про опросник
Как зарабатываешь мешки с $ ?