Jquery добавить условие
Помогите добавить в данный пример условие. Чтоб если разрешение меньше 900px и у .item-container есть класс .special , то чтоб этот блок не убирался при клике вне его
$(document).click(function (event) {
if ($(event.target).closest(".item-container").length) return;
$(".item-container").hide();
event.stopPropagation();
});
.wrap {
display: flex;
}
.item-container {
width: 100px;
height: 100px;
background: red;
margin-right: 20px;
margin-bottom: 20px;
}
.item-container.special {
background: green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrap">
<div class="item-container"></div>
<div class="item-container special"></div>
</div>