JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="content">Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.<br> Страну снова над взгляд, домах текстов он путь свой, речью семь <br> наш переписали грустный запятой его безорфографичный свое текст! Встретил.
  Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.<br> Страну снова над взгляд, домах текстов он путь свой, речью семь <br> наш переписали грустный запятой его безорфографичный свое текст! Встретил.
  Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.<br> Страну снова над взгляд, домах текстов он путь свой, речью семь <br> наш переписали грустный запятой его безорфографичный свое текст! Встретил.
  Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.<br> Страну снова над взгляд, домах текстов он путь свой, речью семь <br> наш переписали грустный запятой его безорфографичный свое текст! Встретил.</div>
  <button>toggle</button>
</div>

CSS

.content {
  max-height: 50px;
  overflow: hidden;
}

JavaScript

$('button').on('click', function() {
if($('.content').hasClass('go')) {
	$('.content').animate ({
      'max-height': '50px'
    }, 500).removeClass('go');
}
else {
  $('.content').animate ({
      'max-height': '1800px'
    }, 500).addClass('go');
}
})