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

Question

[Роман]

Всем привет. Учу 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');
})

Answer 1

[ArtJH]

1) Ваша ошибка в том, что у элемента нет соседних элементов. 2) class toggle1 нужно ...

Comments

[Роман]

Не нашел таких в js. А jQuery рано еще изучать. Я учусь только)

Answer 2

[Stalker_RED]