JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"><p>orange</p></div>
<p><a id="back">bring me back</a></p>

CSS

#box {height:200px;width:300px;background-color:blue;}
#box p {color:orange;margin-left:100px;font-size:4em;}
body {margin:0;padding:0px;} 
p {color:blue;font-size:3em;}
#back {cursor: pointer}

JavaScript

$("#box").click(function(){
   $(this).hide(1000);
});

$('#back').click(function(event){
    event.preventDefault();        
    $("#box").fadeIn(2000);
    });