Задать вопрос
@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>
  • Вопрос задан
  • 3786 просмотров
Комментировать
Подписаться Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 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.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка алгоритма на python (Data engineering)
21 нояб. 2024, в 23:30
300000 руб./за проект
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Разработать Custom Speech-to-text Operator на Apache Flink
21 нояб. 2024, в 21:42
100000 руб./за проект
Ещё заказы