JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="ToogleSidebar" title="ein-/ausblenden">Klick mich</a>
<div id="sidebar">
  <p>Sidebar</p>
</div>

CSS

#sidebar { display:none; }

JavaScript

$(function() {
  $('#ToogleSidebar').toggle(function() {
    $('#sidebar').animate({
      width: 'show',
      opacity: 'show'
    }, 'fast');
  }, function() {
    $('#sidebar').animate({
      width: 'hide',
      opacity: 'hide'
    }, 'slow');
  }).click();
});