JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" onclick="toggle()">Draw</button>
	<br>
	<div class="testDiv hide"></div>
        
        <script>
            function toggle () {
			if ($(".testDiv").hasClass("hide") == true) {
				$(".testDiv").removeClass("hide") ; 
			}
			else  {
				$(".testDiv").addClass("hide") ;
			}
		}
        </script>

CSS

.testDiv {
			background-color : blue  ; 
			height : 400px ; 
			width : 500px ; 
			-webkit-transition: width 2s, height 2s,  -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
			transition: width 2s, height 2s, transform 2s;
		}
		.testDiv.hide {
			height : 400px ;
			width : 0px ; 
		}