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; padding:2px 5px 3px 5px; border:2px solid #ddd; margin-top:20px; margin-left: 150px;"/>
</span>

JavaScript

$(document).ready(function(){
    var show = true;
    $("#quicksearch").click(function(){
        if ( show === true) {
            $('#quickbox').css('display', 'block');
            show = false;
        }else {
            $('#quickbox').css('display', 'none');
            show = true;
        }
    });
});