JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menuBtn">click</div>

<div class="whole">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div>

<div id="menu">
    <ul>
        <li>Menu</li>
        <li>Menu</li>
    </ul>
</div>

CSS

.whole {
    background: blue;
    color: #fff;
    position: relative;
}
.r2 {
    right: 200px
}
#menu {
    background: #333;
    color: #fff;
    position: fixed;
    right: 0;
    top: 30px;
    width: 100px;
    z-index: -1;
}
}

JavaScript

$('.menuBtn').click(function(event) {
    value = $('.whole').css('right') === '100px' ? 0 : '100px';
      $('.whole').animate({
          right: value
      });
});