JSFiddle - React, Tailwind, and code Playground

HTML

<input class="trigger">
<div class="high" style="display:none">lots<br>lots<br>lots<br>lots<br>lots<br>lots<br>lots<br>lots<br>
</div>

JavaScript

$('.trigger').focusin(function() {
   $('.high').stop().slideDown(); 
    
});

$('.trigger').focusout(function() {
    
   $('.high').stop().slideUp();    
});