JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<ul class="list">
    <li class="item">1</li>
    <li class="item">2</li>
    <li class="item">3</li>
</ul>
<button>click me </button>

CSS

.list .item { display: none }
.list .item:first-child { display:block}
.list:not(:empty) {}

JavaScript

$('button').on('click', function(e) {
    $('ul li:first').remove().appendTo($('ul'));
});