JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="apple">
</div>
    <p><a id="fadeInLink" href="">Fade In</a></p>
</body>

CSS

#apple {height:200px;width:200px;background-color:orange;}
#apple p {margin-left:45px;}
p a {font-size:5em;}

JavaScript

$(document).ready (function() {
    
    $("#apple").click(function(){
       $(this).hide(2000);
    });
    
    $("a").click(function(event) {
        event.preventDefault();
        $("#apple").fadeIn(2000);
    });
});