JSFiddle - React, Tailwind, and code Playground

by Graham Walters

HTML

<div class="container">
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
</div>

CSS

.slide {
    width: 100px;
    height: 100px;
    background: #add;
    margin-bottom: 5px;
}

.color {
    background: #dda;
}

JavaScript

$('.slide').each(function() {
    $(this).click(function() {
        $(this).removeClass('color');
        if ($(this).next().length)
           $(this).next().addClass('color'); 
        else
            $(this).parent().children().first().addClass('color');
    });
});