JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
     
     <ul id="menu">
         <li>
             <a>Menu Header</a>
             <ul>
                 <li><a>Test</a></li>
                 <li><a>Test</a></li>
                 <li><a>Test</a></li>
             </ul>
         </li>
     </ul>
</ul>
<br /><br /><br /><br /><br />
     <ul id="menu2">
         <li>
             <a>Menu Header</a>
             <ul>
                 <li><a>Test</a></li>
                 <li><a>Test</a></li>
                 <li><a>Test</a></li>
             </ul>
         </li>
     </ul>
</ul>

CSS

.ui-menu { width:25%}

JavaScript

$("#menu").menu({ position: { at: "left bottom"} });
$("#menu2").menu();