JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="one">item-1</li>
    <li id="two">item-2</li>
    <li id="three">item-3</li>
    <li id="four">item-4</li>
</ul>

JavaScript

$('ul').on('click', function () {
    $('#two').slideUp(500, function () {
        $('ul').append(this);
        $(this).slideDown(500);
    });
});