JSFiddle - React, Tailwind, and code Playground

by rjasoriano

HTML

<button id="gamma">Transformers!!!</button>
<div class="alpha">
 
</div>

CSS

.alpha{
  width: 150px;
  height: 150px;
  background-color: violet;
  transition: width 1s, height 1s;
}

.beta{
  width: 300px;
  height: 300px;
  background-color: orange;
  transition: width 1s, height 1s;
}

JavaScript

$('#gamma').click(function(){
	$('.alpha').toggleClass('beta');
  
});