JSFiddle - React, Tailwind, and code Playground

by psycketom

HTML

<a id="toggler">yo</a>

<div id="test"></div>

CSS

#toggler
{
  margin-bottom: 40px;
}

#test
{
  height: 400px;
  
  background-color: red;
}

JavaScript

$(function()
  {
    $('#test').hide();
    
    $('#toggler').on({
      mouseenter : function()
      {
        $('#test').stop(true, false).slideDown();
      },
      
      mouseleave : function()
      {
        $('#test').stop(true, false).slideUp();
      }
    });
  });