JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt inre culpa qui officia deserunt mollit anim id est laborum.</div>
  <input id="button" type="submit" value="подробнее" />

CSS

#content {
    border: 1px solid red;
    height: 20px;
    width: 100px;
    padding: 0px;
    overflow: hidden    
}

JavaScript

$("#button").click(function(){$('#content').show(function() {
var reducedHeight = $(this).height();
$(this).css('height', '40px');
var fullHeight = $(this).height();
$(this).height(reducedHeight);
$(this).animate({height: fullHeight}, 500);
}); 
$(this).detach();
});