JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li>Home</li>
    <li>Services</li>
    <li>Contact</li>
    <li>About</li>
</ul>

CSS

ul {
    padding: 0;
}

li {
    display: block;
    list-style-type: none;
    height: 30px;
    line-height: 30px;
    color: darkblue;
    font-family: sans-serif;
    background-color: #ddd;
    padding-left: 10px;
    margin: 5px 10px;
    cursor: pointer;
}

JavaScript

$(function () {
    $('#menu').on('click', 'li', function (event) {
        $(event.target).prependTo('#menu');
    });
});