Структура:
<div class="main">
<div class="tm-box-icon">
<a href="#">
<img src="">
<div id="banCodeID">Lorem ipsum</div>
</a>
</div>
<div class="tm-box-icon">
<a href="#">
<img src="">
<div id="banCodeID">Lorem ipsum</div>
</a>
</div>
<div class="tm-box-icon">
<a href="#">
<img src="">
<div id="banCodeID">Lorem ipsum</div>
</a>
</div>
</div>
При клике на один из div'ов "banCodeID" родительскому div'у с классом "tm-box-icon" добавляется класс "open" и показывается img. Хочу сделать так, чтобы при клике в любое место сайта у родительского класса убирался класс "open".
Пробовал следующий js:
document.onclick = function() {
var div = document.getElementById('banCodeID');
div.closest(".tm-box-icon").classList.remove('open');
}
И такой:
$(document).mouseup(function (e){
var div = $("#banCodeID");
if (!div.is(e.target)
&& div.has(e.target).length === 0) {
$(this).parent().parent().removeClass("open");
}
});
Но ни один, ни второй не работают.
Буду рад любой помощи.