JSFiddle - React, Tailwind, and code Playground

by MightyPork

HTML

<script src="http://dotdotdot.frebsite.nl/js/jquery.dotdotdot-1.2.1.js"></script>
<div>dfg d sf dfg d sf gdf g dfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf sh df gsdf g df gdf sh ghgisd uhguwergfseurygseughseruklghrtsgdfg sdfhsg gfhsfhfdfg d sf gdf g dfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf sh df gsdf g df gdf sh ghgisd uhguwergfseurygseughseruklghrtsgdfg sdfhsg gfhsfhfdfg d sf gdf g dfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf sh df gsdf g df gdf sh ghgisd uhguwergfseurygseughseruklghrtsgdfg sdfhsg gfhsfhfgdf g dfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf shdfg d sf gdf g df gsdf g df gdf sh df gsdf g df gdf sh ghgisd uhguwergfseurygseughseruklghrtsgdfg sdfhsg gfhsfhf</div>

CSS

div {height: 9em; overflow: hidden; line-height: 1.5em; border: 1px solid red;}

JavaScript

$('div').dotdotdot();

var shown=false;
$("div").click(function(){
 
    if(shown) {
        shown = false;
        $(this).animate({"height":"9em"},"slow");
    } else {
        shown = true;
        $(this).animate({"height":"20em"},"slow");
    }
});