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();
});

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