JSFiddle - React, Tailwind, and code Playground

HTML

<div id="button">
Click me
</div>

<div id="item1">
    Item 1
</div>

<div id="item2">
    Item 2
</div>

<div id="item3">
    Item 3
</div>

CSS

#item1 { border: 1px dashed #000; }
#item2, #item3 { border: 1px solid #000; }

JavaScript

var lastChanged;

$(document).ready(function() {
    lastChanged = $('#item1');
    
    $('#button').click(function() {
        $(lastChanged).css("border", "1px solid #000");
        $(lastChanged).next().css("border", "1px dashed #000");
        lastChanged = $(lastChanged).next();
    }); 
});