Задать вопрос
@MSkitalec
javascript

Как удалить класс при нажатии на пустое место?

Сделал сворачивающийся блок. Теперь не могу придумать как убрать его не только по клику по ссылке, но и при нажатии на любое место
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
  $(document).ready(function(){
    $("#button").click(function () {
      $("#id").toggleClass("class");
    });
  });
  </script>
  <style>
  .class{display:block !important}
  #id{display:none}
  </style>
  <a id="button" href="#">раскрыть</a>
  <div id="id">блок</div>
  • Вопрос задан
  • 3795 просмотров
Комментировать
Подписаться Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 3
mrquake
@mrquake
Абырвалг 
<html>
<head><meta charset='utf-8'></head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 $(document).ready(function() {
     $(document).click(function() {
    $('#id').toggleClass("class");
  });
    $("#button").click(function() {
      $("#id .id").toggleClass("class");
  });
 });
  </script>
  <style>
  .class{
      display:block !important;
  }
  #id{
      display:none;
  }
  </style>
  <a id="button" href="#">раскрыть</a>
  <div id="id" class='id'>блок</div>
  </html>
Ответ написан
2 комментария
2 комментария
nalomenko
@nalomenko
Руководитель отдела разработок в студии «Lava»
$(document).click(function(){...});
Ответ написан
Комментировать
Комментировать
gwer
@gwer
Варианта два:
1. Отлавливать клик по всему документу, в теле обработчика проверять, был ли клик по блоку или вне его.
2. Ловить событие blur на сворачиваемом блоке. Но чтобы событие начало срабатывать, надо задать контейнеру атрибут tabindex.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 80 000 до 120 000 ₽
React Developer
ITK academy • Воронеж
от 50 000 до 90 000 ₽
Ещё вакансии