JSFiddle - React, Tailwind, and code Playground

HTML

<a href="getstarted.php"> Register</a>  |
<a href="getstarted.php">My Account</a>  |
<span style="position: relative; width: 400px;">
    <span id="quicksearch" style="cursor:pointer; color:blue;">
        <a href="#">Quick Search</a>
    </span>
    <input id="quickbox" type="text" />
</span>

CSS

#quickbox{
    float:right;
    display:none;
    padding:2px 5px 3px 5px;
    border:2px solid #ddd;
    margin-left:110px;
    position:absolute;
    margin-top:20px;
}

JavaScript

$(document).ready(function(){
    $("#quicksearch").click(function(){
        $('#quickbox').toggle();
    });
});