JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<button id="proj_inf_more">Click me</button>
<div id="proj_inf">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>

CSS

#proj_inf {
    width: 200px;
    height: 93px;
    border: 1px solid #900;
}

JavaScript

var block = $('#proj_inf');
var curHeight = block.height();
$('#proj_inf_more').toggle(
    function(){
        var autoHeight = block.css('height', 'auto').height();
        block.height(curHeight).animate({ height: autoHeight });
    },
    function(){
        block.animate({ height: curHeight});
    }
);