JSFiddle - React, Tailwind, and code Playground

by Christopher

HTML

<body>
<div id="apple">
</div>
    <p><a 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() {
    $("#apple").FadeIn(function() {
        $(this).show(2000);
    });
});});