Убрать активность с текущего элемента и передать только следующему

Моя задача передавать активность предыдущему или следующему элементу по свайпу влево или вправо, в представленном фрагменте кода в консоль выводится только активный элемент и следующий после него, однако при попытке добавить active следующему элементу, он передается ВСЕМ следующим элементам.

items.forEach((photo) => {
    if (photo.classList.contains('active')) {
        console.log(photo);
        console.log(photo.nextElementSibling);
        photo.nextElementSibling?.classList.add('active');
    }
});

Ответы (1 шт):

Автор решения: Konstantin_SH

Перед

photo.nextElementSibling?.classList.add('active');

Добавьте

photo.classList.remove('active')
→ Ссылка