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

Как свернуть спойлер при клике по любой области документа?

Здравствуйте, подскажите пожалуйста, есть спойлер, который открывается при клике на menu-title, и сворачивается тоже при клике на menu-title. Как сделать так что бы спойлер сворачивался при клике по любой области html документа ? 
<!DOCTYPE html> 
<html lang="ru">
<head>
<title></title>
</head>
<body>

<div class="menu-title">Заголовок</div>
<div class="menu-box">Тело</div>

</body>
</html>


$(document).on('click', '.menu-title', function(e) {
         e.preventDefault();
         $(this).toggleClass('active');
         $(this).parent().find('.menu-box').first().slideToggle(300);
         })
  • Вопрос задан
  • 106 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
y0u
@y0u Куратор тега JavaScript
dev
https://jsfiddle.net/y0u/rnw6jafp/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
клик на документ => .меню-титле ремув класс актив
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Арбитраж Трафика в тгк
24 апр. 2024, в 10:12
10000 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Разработать конфигурацию в 1С для мебельного магазина
24 апр. 2024, в 09:56
2000 руб./за проект
Ещё заказы