JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<button onclick="ShowMenuTimer();">Show Menu</button><br />
<div id="menucontainer" style="float: left; display: none">
  <ul id="menu" style="width: 200px">
    <li><a href="#">A</a></li>
    <li><a href="#">B</a></li>
    <li><a href="#">C</a></li>
    <li><a href="#">D</a></li>
    <li><a href="#">E</a></li>
  </ul>
</div><br />
<div id="menuselection" style="float: left"></div>

JavaScript

function ShowMenuTimer() {
  setTimeout(ShowMenu, 100);
}

function ShowMenu() {
  $('#menucontainer').css('display', 'block');
  $("#menu").menu({
    select: function (event, ui) {
      $('#menuselection').text('Menu selection was ' + ui.item.text());
      $('#menucontainer').css('display', 'none');
      $('#menu').menu("destroy");
    }
  });
}