JSFiddle - React, Tailwind, and code Playground

by loktar

HTML

<div id="container">
     <span id="dummy"></span>
     <button>PlaySound</button>                         
     <div class="taller">I SHOULD BECOME TALLER</div>
  </div>

CSS

#container{
background-color:lightblue;
width:960px;
height:550px;
}

.taller{
overflow:hidden;
background:#000;
color:#fff;
width:80px;
height:15px;
-webkit-transition: height .5s linear;
-moz-transition: height  .5s linear;
transition: height  .5s linear;
}

.animated{
height:100px;
}

JavaScript

$('button').bind('click', function(e) {
         e.preventDefault();

   $('.taller').toggleClass('animated');
   });