@yagyar001
Начинающий front-end разработчик =)

Как получить следующий элемент через js?

Всем привет. Учу js. Делаю спойлер. При нажатии на ссылку, должен открыться спойлер. Но не могу понять, как получить следующий элемент по спойлером?
<p>
	абзац с текстом
</p>
<p>
	абзац с текстом
	<a href="" class="toggle1">развернуть спойлер 1</a>
</p>
<p class="spoiler">
	скрытый спойлер 1
</p>
<p>
	абзац с текстом
</p>
<p>
	абзац с текстом
	<a href="" class="toggle2">развернуть спойлер 2</a>
</p>
<p class="spoiler">
	скрытый спойлер 2
</p>
<p>
	абзац с текстом
</p>

.spoiler:not(.active) {
	display: none;
}

let toggle1 = document.querySelector('.toggle1');

let spoiler = document.querySelector('.toggle1').nextElementSibling;

toggle1.addEventListener('click', function(e){
	e.preventDefault();
	spoiler.classList.add('active');
})
  • Вопрос задан
  • 203 просмотра
Решения вопроса 2
@ArtJH
1) Ваша ошибка в том, что у элемента нет соседних элементов. 2) class toggle1 нужно ...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽