JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<button>Contact</button>
<div class="login"></div>

CSS

button {
    position: absolute;
    right: 50px;
    top: 30px;
}
.login {
    width: 100px;
    height: 300px;
    background: #ccc;
    position: absolute;
    right: 20px;
    top: 80px;
    display: none;
}

JavaScript

$(document).ready(function(){
   $("button").click(function () {
      $('.login').toggle('slide', {
         duration: 200,
         easing: 'linear',
         direction: 'up'
      });
   });
});