JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel">1</div>

CSS

.panel {
  background: yellow;
  width: 152px;
  height: 152px;
}

JavaScript

var next_move = "expand";
$(document).ready(function (){
$(".panel").click(function()
{
    console.log(next_move);
    var css = {};
    if (next_move == "expand"){
        css = {
            width: '300px',
            height: '300px'
        };
        next_move = "shrink";
    } else {
        css = {
            width: '152px',
            height: '152px'
        };     
        console.log('hi');
        next_move = "expand";
    }
    $(this).animate(css, 200);
});
});