Доброе время суток. Не могу решить простую задачу. При нажатии на кнопку с одним классом, нужно поменять на active другой класс.
HTML :
<div class="buttonContainer">
<button onclick="showPanel(0,'transparent')" class="nav__link"><span><img src="./img/book.png" width="110px" height="110px"></span></button>
<div class="text">
<h3>+ Booking</h3>
<p>Some Text</p>
</div>
<div class="poly">
<img src="./img/poly.png" alt="" style="height: 15px;">
</div>
И сам скрипт, который не работает :
var polys = document.querySelectorAll(".buttonContainer .nav__link");
var act = document.querySelectorAll(".buttonContainer .poly")
polys.forEach(pls => {
pls.addEventListener("click", function() {
for (var i = 0; i < polys.length; i++) {
if (polys[i] != this)
act[i].classList.remove("active");
}
this.classList.toggle("active");
});
});
Помогите разобраться пожалуйста!
active
, а у всехdiv
с классом.poly
удаляетеactive
. Объясните чего конкретно Вы хотите добиться? Чтобы при нажатии.nav-link
у него исчезалactive
, а появлялся у.poly
и наоборот? – Denis640Kb 29 янв '20 в 20:47div
всегда находятся рядом, или кнопка может находиться в одном месте, а вdiv
в другом? – Denis640Kb 29 янв '20 в 20:55