JSFiddle - React, Tailwind, and code Playground

HTML

<div>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasd<br></div>
<a id="more" href="#">Read more </a>

CSS

div{
    width:100px;
    height:50px;
    display:block;
    border:1px solid red;
    padding:10px;
    overflow:hidden;
}

JavaScript

$('#more').click(function(e) {
    e.stopPropagation();
    $('div').css({
        'height': 'auto'
    })
});

$(document).click(function() {
    $('div').css({
        'height': '50px'
    })
})