Здравствуйте! Вот мой 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"
.