JSFiddle - React, Tailwind, and code Playground

by gryzzly

HTML

<button>press me</button>
<div>
    lorem ipsum dolr sit lorem ipsum dolr sit lorem ipsum dolr sit lorem ipsum dolr sit lorem ipsum dolr sit 
</div>

CSS

div {
    overflow:hidden;
    background:#000;
    color:#fff;
    max-height:0;
    width:100px;
    -webkit-transition: max-height .5s linear;
    -moz-transition: max-height .5s linear;
    transition: max-height .5s linear;
}
.animated {
    max-height:110px;
}

JavaScript

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