JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<a href="#" id="show2">Add</a>

<div id="two">
    
      PANEL
</div>

CSS

body {
    font-family: Helvetica, Arial, sans-serif;
}
div {
    background-color: #fff9d7;  
    border: 1px solid #e2c822;  
    color: #333333;  
    font-size: 13px;  
    font-weight: bold;  
    display: none;
    padding: 10px;
} 
#two {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 97%;
    height: 200px;
}

JavaScript

$('document').ready(function() {
    $('#show2').click(function() {
        $('#two').slideToggle();
    });
});