Как сделать так, чтобы при добавлении класса active
одному элементу, этот класс убирался из другого(если он имеется). Так как нельзя, чтобы у двух блоков был класс active
.
Необходимо, чтобы при клике на один блок, из другого блока убирался класс.
Как это можно сделать?
Вот пример:
var block = document.getElementsByClassName('block');
for(var i = 0; i < block.length; i++){
block[i].onclick = function () {
this.classList.toggle('active');
}
}
.block{
width: 100px;
height: 100px;
border: 1px solid;
}
.active{
background-color: red;
}
<div class="block"></div>
<div class="block"></div>