JSFiddle - React, Tailwind, and code Playground

by partkyle

HTML

<div class="panel">
    <p>this will be a form</p>
</div>

<p class="flip">sign up!</p>

CSS

div.panel,p.flip
{
    margin:0px;
    padding:5px;
    text-align:center;
    background:#e5eecc;
    border:solid 1px #c3c3c3;
}
div.panel
{
    height:120px;
    display:none;
    position:absolute;
}

JavaScript

$(document).ready(function() {
    $(".flip").click(function() {
        $(".panel").slideToggle("slow");
    });
});