JSFiddle - React, Tailwind, and code Playground

HTML

<div onclick="toggleText()">
    <div class="text" >Show More</div>
    <div class="text" style="display:none">Show Less <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet nulla nec tortor auctor pretium. Nulla id convallis turpis. Nam fringilla consectetur faucibus. Integer turpis lorem, suscipit vel nisi quis, posuere commodo lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus a interdum neque. Integer at turpis eget neque pretium luctus. Etiam quis sem ac urna elementum luctus a sit amet turpis. Nunc diam metus, gravida sit amet ullamcorper ut, ultrices mollis dolor. Suspendisse mollis, nibh ut congue porttitor, quam sapien tincidunt leo, sit amet ultrices nunc risus sit amet quam. Mauris sodales purus in pretium elementum.

Duis non neque a sapien sodales pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non hendrerit tellus. Phasellus eros nisl, consectetur at felis at, malesuada pellentesque tellus. Donec commodo, dui et elementum scelerisque, eros orci scelerisque ante, rutrum consequat elit massa eget turpis. Etiam maximus pellentesque diam ut maximus. Proin vitae eleifend dui. Mauris in euismod velit. Mauris lorem tortor, auctor id fermentum et, blandit sit amet ante. Fusce consequat turpis non neque venenatis, ac molestie justo auctor. Duis eu ex et felis elementum suscipit eget nec mi. Nullam varius tincidunt ipsum ac rhoncus.
        </div>
</div>

JavaScript

$('.text').click(function() {
  $('.text').toggle('slow', function() {

  });
});