JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul class="abc">
    <li>one</li>
    <li>two</li>
    <li>Three</li>
</ul>
<input type="name" />
</div>

CSS

ul
{
    
    margin:0;
    padding:0;
}
ul li
{
    
    padding:10px;
    background:grey;
    cursor:pointer;
    margin-bottom:5px;
    display:none;
}

JavaScript

$("input").on("keyup",function(){
$(".abc li").show();
});
$(".abc li").on("click",function(){
    alert("123");
});
$("input").focusout(function(){
$(".abc").find("li").hide();
});