JSFiddle - React, Tailwind, and code Playground

by ethagnawl

HTML

<input type="button" id="btSlideUp" value="SlideUp"/>
<input type="button" id="btSlideDown" value="SlideDown"/>

<input id="b2" type="button" value="OK" />

CSS

#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
position:fixed;
bottom:0px;
right:0px;
width:200px;
}

#b2 {
    display: block;
}

JavaScript

$(document).ready(function(){
  $("#btSlideDown").click(function(){
    $("#b2").slideDown("slow");
  });
  $("#btSlideUp").click(function(){
    $("#b2").slideUp("slow");
  });
});