JSFiddle - React, Tailwind, and code Playground

by userdude

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:eq(0), .selected + .section')
        .last().addClass('selected')
        .siblings('.selected').removeClass('selected');
});