Показать сообщение отдельно
  #1 (permalink)  
Старый 03.06.2019, 15:34
Новичок на форуме
Отправить личное сообщение для ArtiOnMoon Посмотреть профиль Найти все сообщения от ArtiOnMoon
 
Регистрация: 02.04.2019
Сообщений: 8

Несколько collapse элементов на странице
Условно. Есть на странице несколько таких элементов

<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>
Ответить с цитированием