JSFiddle - React, Tailwind, and code Playground
HTML
<div class="toggleMenu">
Toggle Menu
<div class="menu">
<ul>
<a href="http://www.google.com/"><li>Google</li></a>
<a href="http://www.yahoo.com/"><li>Yahoo</li></a>
<a href="http://www.bing.com/"><li>Bing</li></a>
</ul>
</div>
</div>
<div class="toggleMenu">
Toggle Menu
<div class="menu">
<ul>
<a href="http://www.google.com/"><li>Google</li></a>
<a href="http://www.yahoo.com/"><li>Yahoo</li></a>
<a href="http://www.bing.com/"><li>Bing</li></a>
</ul>
</div>
</div>
CSS
div.toggleMenu { position: relative; }
div.menu { position: relative; display: none; }
JavaScript
$(".toggleMenu").live({
hover: function() {
$(this).find('.menu').show();
},
mouseleave: function() {
$(this).find('.menu').hide();
}
});