Условно. Есть на странице несколько таких элементов
<button class="bab">Кнопка</button>
<div class="box" style="display: none"> Содержимое </div>
<button class="bab">Кнопка</button>
<div class="box" style="display: none"> Содержимое 2</div>
И есть java скрипт который должен скрывать и показывать элемент. Однако он не работает. Помогите найти ошибку.
<script>
let coll = document.getElementsByClassName("bab");
for (i = 0; i < coll.length; i++;) {
coll[i].addEventListener('click', function() {
let box = this.nextElementSibling;
if (box.style.display == "none"){
box.style.display = "block";
} else{
box.style.display = "none";
}
})
}
</script>