JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Показать элемент</a><br />
<a href="#">Скрыть элемент</a>
<div id="example_block"></div>

CSS

#example_block {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -webkit-transition: .4s;
    width: 300px;
    height: 150px;
    position: absolute;
    margin: auto;
    top: 0; left: 0; right: 0; bottom: 0;
    background: Red;    
}

#example_block.in {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
}

JavaScript

$("a").eq(0).on("click", function(){ 
  $("#example_block").addClass("in");
});

$("a").eq(1).on("click", function(){ 
  $("#example_block").removeClass("in");
});