JSFiddle - React, Tailwind, and code Playground

HTML

<div class="readmore">
  bla bla bla
</div>

CSS

.readmore{
    display: none;
}

JavaScript

$(document).ready(function(){
    
    var showHiddenText = function(e){
        
        e.preventDefault();
        
        var $this = $(this);
        $this.prev().fadeIn();
        $this.text("less").removeClass("readmore-anchor").addClass("readless-anchor");
    };

    var hideShownText = function(e){
        
        e.preventDefault();
        
        var $this = $(this);
        $this.prev().fadeOut();
        $this.text("more").removeClass("readless-anchor").addClass("readmore-anchor");
    };

    $(".readmore").after("<a href='#' class='readmore-anchor'>More</a>");
    $(".readmore-anchor").on("click", showHiddenText);
    $(".readless-anchor").on("click", hideShownText);
    
});