JSFiddle - React, Tailwind, and code Playground

by Skooljester

HTML

<div id="test">Test</div>

CSS

#test {
    display:block;
    background:#FF0000;
    height:500px;
    width:300px;
}

JavaScript

var divTest = $("#test").height();
$("#test").toggle(
function(){
   $("#test").animate( { height: divTest+'px' }, { queue:false, duration:500 });
},
function(){
   $("#test").animate( { height:'50px' }, { queue:false, duration:500 });
});