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

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

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