JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="content">
  a egnan i iooinn nn u ui bubhb abgre gy eahga ha wg aga va v rs hsr ehseghs a ga rg sr hgs rh h shh ih ihilu hi hea eah lhai jral 
  hawigh  ioawhrgo haorh o awrisghah gi enaw lawhflagi jha oalgij gal igerai j ijai jgiasjii rjalbhs.;</div>
<div id="showmore">
  Show More
</div>

CSS

#content {
  height: 145px;
  width: 150px;
  border: 1px solid black;
  overflow: hidden;
  background-color: white;
  
}
#showmore {
border: 1px solid black;
    width: 150px;
    border-top: 0;
    margin-top: -1px;
    background-color: white;
    padding-top: 10px;
    color: blue;
    display: none;
}

JavaScript

if ($('#content').html().length > 167) {
  $('#showmore').show();
}
$('#showmore').click(function() {
  var full = window.open("","_blank");
  full.document.write($('#content').html());
});