Как перекидывать класс на следующий элемент?

Question

[OculusDaemon]

Подскажите пожалуйста, как, с помощь jquery, по клику на next перекидывать класс .active на следующий .item?
Вот пример: https://codepen.io/OculusDaemon/pen/bvNPyd
P. S. Пробовал сделать на чистом js, но срабатывает только один раз.
Как делал на js: https://codepen.io/OculusDaemon/pen/eMmqNG

Answer 1

[coderisimo]

https://codepen.io/coderisimo/pen/OvPKMP ?
А так жестко привязываем возможность клика к активному диву
https://codepen.io/coderisimo/pen/qoEeNJ

Answer 2

[0xD34F]

const items = document.querySelectorAll('.item');
let index = 0;

document.querySelector('.items').addEventListener('click', function(e) {
  if (e.target.closest('.next')) {
    items[index].classList.remove('active');
    index = (index + 1) % items.length;
    items[index].classList.add('active');
  }
});