JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/dtasic/show-more-plugin/master/jquery.show-more.js"></script>
<link rel="stylesheet" href="https://rawgit.com/dtasic/show-more-plugin/master/showmore-default.css">
<div id="test" style="width: 300px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pulvinar, massa id dictum ornare, nulla sem tristique dui, nec interdum sapien magna at augue. Duis eros purus, sagittis in mattis placerat, pretium sit amet leo. Sed vitae consectetur lacus, et consequat erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec rhoncus lorem eget sapien maximus, quis feugiasavet mi porttitor. Suspendisse ut erat dolor. Phasellus porttitor pretium commodo. Curabitur eget venenatis quam, non tincidunt nisl. Aenean lobortis fermentum imperdiet. Maecenas nec ipsum tellus. Nunc mauris dui, iaculis vel ex sit amet, maximus ultricies diam. Morbi ut mi sed ex bibendum tempus. Quisque lobortis eget sem in dignissim. Donec scelerisque massa vitae lectus imperdiet pellentesque id id purus. Fusce ac est at mi mollis mattis.</div>
<br />
<div class="custom-css" style="width: 300px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pulvinar, massa id dictum ornare, nulla sem tristique dui, nec interdum sapien magna at augue. Duis eros purus, sagittis in mattis placerat, pretium sit amet leo. Sed vitae consectetur lacus, et consequat erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec rhoncus lorem eget sapien maximus, quis feugiasavet mi porttitor. Suspendisse ut erat dolor. Phasellus porttitor pretium commodo. Curabitur eget venenatis quam, non tincidunt nisl. Aenean lobortis fermentum imperdiet. Maecenas nec ipsum tellus. Nunc mauris dui, iaculis vel ex sit amet, maximus ultricies diam. Morbi ut mi sed ex bibendum tempus. Quisque lobortis eget sem in dignissim. Donec scelerisque massa vitae lectus imperdiet pellentesque id id purus. Fusce ac est at mi mollis mattis.</div>
<br />
<div id="test-last"...

CSS

.my-button-css {
    cursor: pointer; 
    background-color: #069; 
    color: white; 
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase; 
    text-align: center; 
    padding: 10px 15px 8px 15px; 
    margin: 5px 0 0 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

JavaScript

$('#test').showMore({
    minheight: 74,
    animationspeed: 250
});

$('.custom-css').showMore({
    minheight: 74,
    buttontxtmore: 'show me more',
    buttontxtless: 'show me less',
    buttoncss: 'my-button-css',
    animationspeed: 250
});

$('#test-last').showMore({
    minheight: 145,
    buttontxtmore: 'show me more content',
    buttontxtless: 'show me less content',
    animationspeed: 750
});