Здравствуйте! Вот мой Jquery:
$("#hmrIcon").on('click', function(){
if ($(".menu-responsive").css('display') === "none") {
$(".menu-responsive").css('display', "inline-flex")
} else {
$(".menu-responsive").css('display', "none")
}
});
При клике на иконку "#hmrIcon" выполняется функция в которой проверяется условие и применяется CSS свойство у ".menu-responsive" являющимся блоком меню. Т.е появляется и скрывается по клику.
Попытка осуществить скрытие блока при клике вне области вот уже 3-й вечер неуспешны. Помогите пожалуйста!
$(document).mouseup(function(e) {
var $target = $(e.target);
if ($target.closest(".hmList").length == 0) {
$(".menu-responsive").css('display', "none")
}
});
Элемент ".hmList" является дочерним для ".menu-responsive".
Сборка персонального компьютера от Artline: умный выбор для современных пользователей