JSFiddle - React, Tailwind, and code Playground

HTML

<a href="Javascript:;" id="openLink">Read More</a> 
<p id="text">lorem ipsum dolowhatever this is</p>

JavaScript

$(document).ready(function(){ 
    $("#text").hide();
$("#openLink").toggle(function () {
       $("#text").show('explode', {}, 600);
       $("#openLink").text("Read Less");
   }, function () {
       $("#text").hide('explode', {}, 600);
       $("#openLink").text("Read More");
   });
});