JSFiddle - React, Tailwind, and code Playground

by forgetcolor

HTML

<a href="#">very cool link</a>
<div class="box">box1</div>

CSS

a {
    padding:20px;
    background-color:#aaa;
}

.box { 
    top:100px;
    width:100px;
    height:100px;
    position:absolute;
    background-color:#ddd;
}

JavaScript

//$('a').css('backgroundColor','red');

var faded = false;

$('a').click(function() {
    
    if(faded) {

        $('.box').fadeIn(3000);

    }
    else {
        $('.box').fadeOut(3000);
        $('.box').animate({
        left:'100px'
    },3000);
    }        
    faded = !faded;
    
    
});