JSFiddle - React, Tailwind, and code Playground

HTML

<div id="right" class="right">This is some text</div>
<div id="right2" class="right2">This is some text</div>

CSS

.right, .right2{
  width: 300px;
  position: absolute;
  right: 20px;
  transition: .5s
}

.right2{
  top: 100px;
}

.right.active{
  right: 200px;
}

.right2.active{
  left: 20px
}

JavaScript

$("#right").on("click", function () {
    $("#right").toggleClass("active");
});
$("#right2").on("click", function () {
    $("#right2").toggleClass("active");
});