JSFiddle - React, Tailwind, and code Playground

by Ronjon

HTML

<div id="div1" class="normal">click here</div>
<div id="div2" class="normal">click here</div>

CSS

.normal{ width:25%;height:25%;background: #f00;}
.active{ width:100%;height:100%;background: #f00;}

JavaScript

$(document).ready(function(){
                $(".normal").click(function(){
                    var thisobj =  $(this);
                    if(thisobj.hasClass("active"))
                    {
                        $(this).removeClass("active");
                    }else
                    {
                        $(this).addClass("active");
                    }
                });
            });