JSFiddle - React, Tailwind, and code Playground

HTML

<div id="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, assumenda!</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, assumenda! Cupiditate aliquam similique repellat sit dolorem delectus accusamus beatae voluptatum, laborum, odit fugiat possimus, suscipit modi dolores. Nesciunt est, dignissimos dolorem repudiandae accusantium tempore? Reiciendis, assumenda, perferendis. Facilis ipsa ex totam omnis ullam rerum dolor, maiores praesentium laboriosam nesciunt deserunt voluptas asperiores harum voluptatum fugit perferendis itaque, reiciendis exercitationem illum ea esse eius aperiam voluptatem repudiandae! Vero tempora eos veniam, rem nemo nulla facere cum exercitationem labore ipsa odit ea ut quia iure eius, perspiciatis voluptate qui excepturi. Esse possimus ab tempora quisquam facere doloribus neque illo veritatis, tempore reiciendis eaque est commodi ea porro hic placeat optio suscipit, labore rerum asperiores rem provident, aperiam molestias architecto! Aperiam eaque eligendi eum cum beatae praesentium tempora maiores suscipit, labore quaerat consequatur autem ipsam, nihil sunt laboriosam perspiciatis, dignissimos nemo? Rerum molestias illo consectetur eius nostrum laborum aliquam a labore neque excepturi!
</div>
<button class="show-more">Show more</button>

CSS

#content { display: none; }
.show-more { margin-top: 15px; }

JavaScript

jQuery(document).ready(function($) {
	$('.show-more').click(function() {
  	$('#excerpt').hide();
    $('#content').show();
		$(this).remove();
	});
});