JSFiddle - React, Tailwind, and code Playground

by Jaak Kütt

HTML

<ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
</ul>

<ul>
    <li>first v2</li>
    <li>second v2</li>
    <li>third v2</li>
</ul>

JavaScript

$('li').mousedown(function(e){
    $('li').addClass('flanking');
    $(this).removeClass('flanking');
    var parent = $(this).parent();
    
    if ($(this).index() === 0) {
        $(this).next().prependTo(parent);
    } else if ($(this).index() === 2) {
        $(this).prev().appendTo(parent);
    }   
    
});