JSFiddle - React, Tailwind, and code Playground

HTML

<a id="up">+</a>
<ul id="list">
    <li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>

</ul>

<a id="down">-</a>

JavaScript

$(function() {

    $('#up').click(goUp);
    $('#down').click(goDown);

    function goUp() {
        var last = $('#list li:last').remove();
        $('#list li:first').before(last);
    }


    function goDown() {
        var first = $('#list li:first').remove();
        $('#list li:last').after(first);
    }   

});