JSFiddle - React, Tailwind, and code Playground

HTML

<div id="login">
    <a id="pressMe" href="#">Login</a>
    <div id="formContainer" class="hide">
        Login Form
        Lorem Ipsum blablbalbabababa lbablaabalbalba
    </div>
</div>

CSS

div#login {
    position: relative;
    height: 20px;
    padding: 5px;
}
div#login:hover {
    background: rgba(0,0,0,.2);
}
div#login div {
    position: absolute;
    width: 200px;
    height: 100px;
    padding: 10px;
    background: rgba(0,0,0,.2);
}

.hide{display:none;}

JavaScript

jQuery("#pressMe").on("click", function(){
    $("#formContainer").toggleClass("hide");
})