JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://angularlight.org/bin/alight_0.10.last.min.js"></script>
<div al-app>
  <div al-click="toggle=!toggle">Toggle</div>

  <div class="invisible" al-class="visible: toggle">
    Hidden text
  </div>
</div>

CSS

.invisible {
	overflow: hidden;
	background:red;
	height:0px;
	width: 0px;
	transition: all .2s ease-in-out;
}

.visible {
	height: 200px;
	width:200px;
}