JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>

CSS

div {
    
width:100px;
        height:100px;
        background:#fff;
    border:1px solid black
}

JavaScript

$("#box1").hover(function(){
    $("#box1").css("background","blue")
    $("#box2").css("background","blue")
    $("#box3").css("background","blue")
},function(){
    // original images
    $("#box1").css("background","#fff")
    $("#box2").css("background","#fff")
    $("#box3").css("background","#fff")
})

$("#box2").hover(function(){
    $("#box1").css("background","green")
    $("#box2").css("background","green")
    $("#box3").css("background","green")
},function(){
    // original images
    $("#box1").css("background","#fff")
    $("#box2").css("background","#fff")
    $("#box3").css("background","#fff")
})