Топ дня: q[O_O]p scam

Тема закрыта by faerkot
Причина: Вопрос решён

Всем привет!
На сайте выводятся комментарии пользователей и у каждого сообщения есть кнопка (например, 3 точки вертикально) для того, чтобы выпало небольшое меню (ответить, удалить и т.д) на JS. При повторном нажатии на кнопку это меню снова скрывается.
Стандартный код JS открытия/исчезновения:

function disnone(rid) {

 	if (document.getElementById(rid).style.display == "none") {

 		document.getElementById(rid).style.display = "block";

 	}

 	else {

 		document.getElementById(rid).style.display = "none";

 	}

 }

Вопрос: Как сделать, чтобы элемент скрывался не только при клике на эту кнопку, а при клике в любом свободном месте сайта?
Пример на JSf - https://jsfiddle.net/wb8pxLcj/
________
посл. ред. 21.11.2021 в 13:24; всего 1 раз(а); by faerkot

Оххх это уже целую функцию писать надо, вот как реализовано тут на бумасе тыкай

faerkot, Вам нужно будет проверить, находится ли мышь в результатах поиска, когда строка поиска теряет фокус

Mr_Grey, На мобильной версии не получится :(

ГАСКОНЕЦ, А на чистом JS без библиотек организовать реально?

faerkot, оно будет работать
Можно чекать например по $('body').click(function(){ и делать действия
________
посл. ред. 21.11.2021 в 13:50; всего 2 раз(а); by Mr_Grey

Дай кнопке событие

faerkot, вот у меня так сейчас стоит , но можно сделать лучше
Так как я бек разработчик
$('menu.display_health').click(function () {
return true;
});
________
посл. ред. 21.11.2021 в 13:52; всего 1 раз(а); by Mr_Grey

костыли разве что)))

ГАСКОНЕЦ, Так вот не хотелось бы подключать библиотеки из-за одной страницы... Проще, наверное, тогда будет оставить всё как есть. Интересно, будет ли пользователей бесить то, что это выпадающее меню не исчезает при клике на пустом месте?))