JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//kendo.cdn.telerik.com/2016.1.226/js/jquery.min.js"></script>
<div>

</div>
<span>Show More</span>

CSS

div {
  width: 200px;
  height: auto;
  border: 1px solid #ccc;
}

JavaScript

var divContent = " The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. ";
var smallcontent = divContent.substr(0, 200) + "..";
$("div").text(smallcontent);
$("span").bind("click", function() {
  $("div").text("");
  $("div").text(divContent);
});