JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div>
        <div class="row">Block 1 <a class="up" href="#">Up1</a> <a class="down" href="#">Down1</a></div>
        <div class="row">Block 2 <a class="up" href="#">Up2</a> <a class="down" href="#">Down2</a></div>
        <div class="row">Block 3 <a class="up" href="#">Up3</a> <a class="down" href="#">Down3</a></div>
</div>

JavaScript

$(document).ready(function () {
    $(".up").click(function () {
        var pdiv = $(this).parent('.row');
        pdiv.insertBefore(pdiv.prev());
        return false
    });
    $(".down").click(function () {
        var pdiv = $(this).parent('.row');
        pdiv.insertAfter(pdiv.next());
        return false
    });
});