JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<ul id="menu">
    <li>
        <a href="#">One</a>
    </li>
    <li>
        <a href="#">Two</a>
        <ul>
            <li><a href="#">Two.One</a></li>
            <li><a href="#">Two.Two</a>
                <ul>
                    <li><a href="#">Two.Two.One</a></li>
                    <li><a href="#">Two.Two.Two</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

CSS

.ui-menu { width: 200px; }
.ui-state-focus, .ui-state-focus a {
    color: red !important;
}

JavaScript

$( "#menu" ).menu();