JSFiddle - React, Tailwind, and code Playground

by phoenix_suresh

HTML

<div class="box"></div>
<div class="box"></div>

<div class="hide-aga-pora-class"></div>

CSS

.box {
    display: block;
    background: red;
    height: 100px;
    width: 100px;
    margin: 10px;
}

.hide-aga-pora-class {
    clear: both;
    background: orange;
    display: block;
    height: 300px;
    height: 100px;
    
}

JavaScript

$(document).ready(function(){
    $(".box").click(function() {
        $(".hide-aga-pora-class").hide();
    });
});