JSFiddle - React, Tailwind, and code Playground

by andrey90vs

HTML

<div class="parent">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
</div>
Check for test:
<input type="checkbox" class="test" value="test">

CSS

.active{
    color:red;
    background-color:blue;
}

JavaScript

var divCount = $('.item').length,
    activ = $('.item').hasClass('active'),
    current = $(activ).index(),
    next = $(current).next(),
    prev = $(current).prev();

console.log(current);

$('.item').eq(3).addClass('active');

$('.parent').on('click',function(){
    $(current).removeClass('active');
    $(next).addClass('active'); 
});