JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <button type="button" 
        class="btn btn-primary btn-lg moreapple" 
        data-toggle="collapse" 
        data-target="#moreapple" 
        onclick="changeText(this)">Show More</button>
</div>

JavaScript

function changeText(btn){
  $(btn).text(function(i, text){
    return text === "Show More" ? "Show Less" : "Show More";}
)}