JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fade_bg">
    <div id="login_div">
        <form action="../classes/login/Authenticator.php" method="post">
            <p>username:
                <input type="text" name="username" />
            </p>
            <p>password:
                <input type="password" name="password" />
            </p>
            <p>
                <input type="submit" name="login" />
            </p>
        </form>
        <p><a id="cancel" href="#">cancel</a>

    </div>
</div> <a id="login" href="">Admin login</a>

JavaScript

$('#fade_bg').hide();

$('#login').click(function (e) {
    e.preventDefault();
    $('#fade_bg').show();
    $(this).hide();
});

$('#cancel').click(function (e) {
    e.preventDefault();
    $('#fade_bg').hide();
    $('#login').show();
});