JSFiddle - React, Tailwind, and code Playground

HTML

<div class="schedbox">Here I am !hjhj <a href="#" class="slide">Show/hide Slide Panel</a></div>



<a href="#" class="slide">Show/hide Slide Panel</a>

CSS

.schedbox {
    width:100%;
    z-index:2;
    position:absolute;
    left:-1000px;
    background:#f90;
    color:#000;
    height:150px;
    float: left;
}

JavaScript

$(document).ready(function(){
    $('.slide').click(function(){
    var schedbox = $('.schedbox');
    if (schedbox.hasClass('visible')){
        schedbox.animate({"left":"-1000px"}, "fast").removeClass('visible');
    } else {
        schedbox.animate({"left":"0px"}, "fast").addClass('visible');
    }
    });
});