JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text 
</div>

<a href="#">more</a>

JavaScript

var height = $('.box').height();

$('.box').css({"height":"50px", "overflow":"hidden"});

$('a').click(function(e) {
    e.preventDefault();
    $('.box').animate({height:height}, 400);
    $(this).hide();
});