JSFiddle - React, Tailwind, and code Playground

HTML

<div id="schedbox">
    Email
<input type="text" id="emailsched">
<input type='button' value='Add Report'>
    </div>
    
    
    <input type='button' class='schedthis' value='Show'>

CSS

#schedbox {
  color:Green;
  background-color:#eee;
  border:2px solid #8BC53F;
  display:none;
  width: 350px;
  height: 200px;
  float: right;
  border-radius: 10px;
  padding: 10px;
}

JavaScript

$(document).on('click', '.schedthis', function(){
            var show =  $(this).val() === 'Show';
                        $(this).val(show ? 'Hide' : 'Show');
            $('#schedbox').toggle('slide',{ direction: 'right' }, 500);
});