JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="name">
<div id="suggest">
  <div>mark</div>
  <div>sam</div>
  <div>john</div>
</div>

CSS

#suggest:hover {
        display: block !important;
    }

JavaScript

$("#name").focus(function() {
    $("#suggest").show();
}).blur(function() {
    $("#suggest").hide();
});