JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

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
    </li>
    <li>
        B
        <ul>
            <li>C</li>
        </ul>
    </li>
</ul>

CSS

.ui-menu { width: 200px; }
.ui-widget-content .ui-state-focus {
    font-weight: bold;
}
.ui-widget-content .ui-state-focus .ui-menu-item {
    font-weight: normal;
}

JavaScript

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