JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<a href="#" id="b">Click</a>



<div id="a">

</div>


<div id="a">

</div>



<div id="a">

</div>


<div id="a">

</div>

CSS

#a
{
    width: 200px;
    height: 200px;
    background-color: #00ccff;
  margin-top:20px;
}

JavaScript

$("#b").on('click', function() { 
    
    // click on first element
    var bg = $("#a:first").css('background'); // store original background
    $("#a:first").css('background', 'red'); //change second element background
    setTimeout(function() {
        $("#a:first").css('background', bg); // change it back after ...
    }, 500); // waiting one second
    
    
    
});