[s24344]

Здравствуйте. Подскажите пожалуйста как реализовать следующую задачу. Мне необходимо в следующем примере записывать node соседа текущего элемента в переменную, и предыдущего соседа.

<ul class="nav__list">
	<li class="nav__item">
		<a href="#" class="nav__link">First</a>
		<div class="nav__popup">First popup</div>
	</li>
	<li class="nav__item">
		<a href="#" class="nav__link">Second</a>
		<div class="nav__popup">Second popup</div>
	</li>
	<li class="nav__item">
		<a href="#" class="nav__link">Third</a>
		<div class="nav__popup">Third popup</div>
	</li>
</ul>

document.querySelector('.nav__link').addEventListener('focus', function(event) {
	let oldNavPopup = null;
	let currentNavPopup = null;

	currentNavPopup = event.target.nextElementSibling;

	console.log(currentNavPopup, oldNavPopup); // old у меня всегда null (не перезаписывается)

	oldNavPopup = currentNavPopup;
});