JSFiddle - React, Tailwind, and code Playground

by MatyasSvejdik

HTML

<div id="wrapper">
  <a href="#" id="cityclick">
    ONZE WAARDEN
  </a>
  <div id="citydrop">
    <div class="dropbottom">
      <div class="dropmid">
        <ul>
          <li><a href="#">FAQ</a>
          </li>
          <li><a href="#">ITC</a>
          </li>
          <li><a href="#">CLUB</a>
          </li>
          <li><a href="#">CULTUUR</a>
          </li>
          <li><a href="#">ROBITICA</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

JavaScript

$("#citydrop").hide();

$("#cityclick").mouseover(function () {
    $("#citydrop").slideDown('slow');
});

$("#wrapper").mouseleave(function () {
    $("#citydrop").slideUp('slow');
});