JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

body{
  margin:0;   
}
div.box{
  width: 200px;
  height: 200px;
  border: 1px solid black;
  float: left;
}

JavaScript

$('.box').click(function(){
	if($(this).hasClass('was')){
  	$('.box').removeClass('vsio')
  	$(this).addClass('vsio')
  }else {
    $('.box').removeClass('vsio')
    $('.box').removeClass('was');
    $(this).addClass('was')
  }
  
})