JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="menuholder">
    <ul id="menu">
        <li>
            <a href="#">Delphi</a>

            <ul>
                <li class="ui-state-disabled"><a href="#">Ada</a>

                </li>
                <li><a href="#">Saarland</a>

                </li>
                <li><a href="#">Salzburg</a>

                </li>
            </ul>
        </li>
        <li>
            <a href="#">Salzburg</a>

            <ul>
                <li>
                    <a href="#">Delphi</a>
                </li>
                <li>
                    <a href="#">Delphi</a>

                </li>
                <li><a href="#">Perch</a>

                </li>
            </ul>
        </li>
    </ul>

</div>

CSS

.ui-menu {
        width: 150px;
    }

   #menuholder {
        position: absolute;
        bottom: 2px;
    }

JavaScript

$(function () {
    $("#menu").menu();    
});