JSFiddle - React, Tailwind, and code Playground

by Prashant Tapase

HTML

<ul class="sf-menu">
  <li class="main">
    <a href="" class="primary">Locations</a>
    <ul class="sub-menu">
      <li><a href="/location/athina/" title=
             "View all posts in Athina">Athina</a></li>
      <li><a href="/location/beirut/" title=
             "View all posts in Beirut">Beirut</a></li>
    </ul>
  </li>
</ul>

CSS

.sub-menu {display: none; background: #ccc}

JavaScript

$('.sf-menu').children().hover(function(e){
	$(this).find("a").next().show();
}, function () {
	$(this).find("a").next().hide();
});