JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<button class="trigger">
  Bring it
</button>
<div class="slider close">Leave it</div>

CSS

.slider {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  overflow: hidden;
  background-color: #000; color: #FFF;
  transition: all 1s;
}

.slider.close {
  top: 100vh;
  height: 0;
}

JavaScript

$('.trigger, .slider').click(function() {
  $('.slider').toggleClass('close');
});