JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<div class="hide"></div>

<a href="#">Click</a>

CSS

.hide {
z-index: 888;
position: absolute;
background: red;
height: 410px;
   display: block;
margin-top: -420px;
transition: margin-top 1s ease-in-out;
-webkit-transition: margin-top 1s ease-in-out;
-moz-transition: margin-top 1s ease-in-out;
-o-transition: margin-top 1s ease-in-out;
-ms-transition: margin-top 1s ease-in-out;
}

JavaScript

$("a").bind("click", function(e){
   e.preventDefault();
    console.log("really?");
    $(".hide").css("margin-top","0px"); 
});