JSFiddle - React, Tailwind, and code Playground

HTML

<div class="click">click

<ul>

<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
<li><a href="#">four</a></li>

</ul>

</div>

JavaScript

$(document).ready(function(){

$('.click ul').css({display:'none', position:'absolute'});


$('.click').click(function(){

     $(this).children('ul').slideDown(200);

$(this).on('mouseout', function(){

$(this).children('ul').slideUp(200);
})
})


})