JSFiddle - React, Tailwind, and code Playground

HTML

<a href="getstarted.php"> Register</a>  |
<a href="getstarted.php">My Account</a>  |
<span>
    <span id="quicksearch" style="cursor:pointer; color:blue;">
        <a href="#">Quick Search</a>
    </span>
    <input id="quickbox" type="text" style="display:none; border:2px solid #ddd;" />
</span>

JavaScript

$(document).ready(function(){
   
    $("#quicksearch").click(function(){
        var qsPos = $(this).position();
        $('#quickbox').css({'position': 'absolute', 'top': qsPos.top + 20, 'left': qsPos.left}).toggle();
    });
});