JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

HTML

<ul class="fmlnav">
    <li>1</li>
    <li>2</li>
    <li class="fmlactive">3
        <ul>
            <li>Child 1
                <ul>
                    <li>Child 1</li>
                    <li>Child 2</li>
                    <li>Child 3</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>4</li>
    <li>5</li>
</ul>

CSS

ul {
    margin-left: 30px;
    list-style: disc;
}

JavaScript

var currentnav = $("li.fmlactive").html();

$("li.fmlactive").remove();

$(".fmlnav").prepend('<li class="fmlactive priority">' + currentnav + '</li>');