JSFiddle - React, Tailwind, and code Playground

HTML

<div id="toggle" class="hide-toggle">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum, diam in vulputate facilisis, orci lorem maximus ex, in vehicula nisi risus sit amet est. Praesent ullamcorper aliquet interdum. Duis quis justo quis felis vehicula pharetra in in ligula. Vestibulum ut ex metus. In aliquet ex sit amet nunc suscipit tincidunt. Nunc viverra lobortis lobortis. Sed tortor felis, euismod quis efficitur eu, pulvinar in risus. Vivamus placerat placerat magna posuere bibendum. Nam id orci ac lectus finibus finibus. Etiam fermentum ultrices tellus, id elementum massa malesuada vel. In pretium eget urna luctus ornare. Fusce sapien purus, suscipit sed felis eu, pellentesque suscipit ex.

Sed dignissim, turpis a luctus consectetur, risus augue sodales magna, sed egestas nulla arcu eget odio. Proin quis egestas tellus. Nulla id fringilla lorem, mollis tempus ante. Vivamus ac lobortis leo. Morbi eget mi hendrerit nibh lobortis hendrerit sed a dui. Donec vulputate augue id condimentum varius. Donec tristique urna ut lorem congue, eu sollicitudin nunc varius. Aenean enim leo, tincidunt eget felis eget, ornare mattis dolor. Nunc erat sem, mattis non odio hendrerit, posuere consectetur risus. Duis et purus sit amet orci egestas venenatis vel a nisi. Nulla sit amet ante neque. Vivamus tincidunt orci vitae malesuada venenatis. Mauris pretium euismod nunc, quis elementum ligula euismod vel. Cras finibus elit massa. In aliquam at augue eu venenatis. Ut volutpat diam vel erat tincidunt dapibus.

Mauris finibus urna in ipsum porttitor tincidunt. Donec finibus odio rhoncus, mattis ex ac, tempus augue. Sed accumsan felis et convallis condimentum. Nam in turpis augue. Cras id magna efficitur, lacinia felis ac, mattis sapien. Aliquam porta posuere viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas accumsan, elit nec sollicitudin varius, arcu leo tempus est, eget hendrerit lectus nisl vitae...

CSS

#toggler {width:20px; height:20px; background:grey;}

#toggle {padding:20px; background:white; overflow:hidden;}

.hide-toggle {display:none;}
.show-toggle {display:block;}

JavaScript

$(document).ready(function(){
	$("#toggler").click(function(){
	var width = $(window).width();
  	$("#toggle").toggleClass("hide-toggle, show-toggle");
    $(".show-toggle").css("max-height", width*0.5);
  });
});