JSFiddle - React, Tailwind, and code Playground

by Dan Rome

HTML

<div class="linkliste">
    <a class="login-top toggle" href="#">Login</a>|<a class="login-top anmelden" href="#">Anmelden</a>
</div>

<div id="log_forms">
    <form name="login">
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" name="username"></input>
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input type="password" name="user_password"></input>
        </div>
    </form>
</div>

CSS

#log_forms{
    display: none;
}

#log_forms.open{
    display: block;
}

JavaScript

$( "a.toggle").click(function() {
    $("#log_forms").toggleClass( "open" );
});