JSFiddle - React, Tailwind, and code Playground

HTML

<div id="button"><span id="text">Down</span></div>

<div id="umdown">
    <div id="multi">Multiple</div>
    <div id="sd">Single</div>
</div>

CSS

#umdown{display:none;}

JavaScript

$("#button").hover(function(){
   $("#umdown").fadeIn(500);
  })
    
 
    $("#umdown").mouseleave(function(){
    $(this).fadeOut(300)
    
    });