JSFiddle - React, Tailwind, and code Playground

by madhuri2987

HTML

<div id="all">
<div class="section selected">ONE</div>
<div class="section">TWO</div>
<div class="section">THREE</div>
</div>
<br />
<a href="javascript:;" id="button">CLICK</a>

CSS

.selected{background:red}

JavaScript

$('#button').click(function(){
    $('.section.selected').removeClass('selected').next('.section').addClass('selected'); 
});

//On click I select next div with same class and remove selected from previod, How to loop? After 3 is selected, I want it to go to one again.