JSFiddle - React, Tailwind, and code Playground

by Keith Chu

HTML

<button>Open Up!</button>
<div>
    lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet
</div>

CSS

div {
    overflow:hidden;
    background:#666;
    color:#fff;
    height:0;
    padding: 0 18px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.animated {
    height:auto;
    padding: 24px 18px;
}

JavaScript

$('button').bind('click', function(e) { 
    e.preventDefault();
    $('div').toggleClass('animated');
});