JSFiddle - React, Tailwind, and code Playground

by darshanags

HTML

<input type="text" name="txt" id="listCats">
<div id="category">
    <p>Hello</p>
</div>

CSS

#category {
    width: 508px;
    min-height: 135px;
    padding: 0.4em;
    position: absolute;
    border: 2px solid rgb(124, 113, 113);
    background: #fff;
    display: none
}

JavaScript

var $inp = $("#listCats"),
    $msg = $("#category"),
    pos = $inp.offset();

$inp.bind("click", function () {
    $msg.css({
        "left": pos.left,
            "top": pos.top + $inp.height()
    }).show();
});