Как закрыть DIV по клику на × в моём случае?

Question

[Виталий Фролов]

Есть кнопка-
<button class="open">КНОПКА</button>
Есть скрытый div ,который расположен в каждом товаре.-

<div class="over-product hidden">тут скрытое содержимое </div>

Открываю cкрытый DIV вот таким вот кодом-

const items = document.querySelectorAll(".our-products_item");
for (let i = 0; i < items.length; i++) {
	items[i].querySelector('.open').addEventListener("click", function(){btnClick(i)});
}
function btnClick(item) {
  items[item].querySelector('.over-product').classList.toggle("hidden");
}

ВОПРОС-
Что нужно добавить в js коде,чтоб вторая кнопка(крестик) закрывала его?
Кнопка условно- <button class="сlosed">×</button>

Answer 1

[wscms]

const items = document.querySelectorAll(".our-products_item");
for (let i = 0; i < items.length; i++) {
  items[i].querySelector('.open').addEventListener("click", function(){btnClick(i)});
  items[i].querySelector('.сlosed').addEventListener("click", function(){btnClick(i)});
}
function btnClick(item) {
  items[item].querySelector('.over-product').classList.toggle("hidden");
}

при условии, что .closed на одном уровне DOM с .open

Comments

[Виталий Фролов]

Работает.Спасибо!

Answer 2

[Tim]