JSFiddle - React, Tailwind, and code Playground

HTML

<span class="teaser">text goes here</span>

<span class="complete"> this is the 
complete text being shown</span>

<span class="more">more...</span>

CSS

.complete{
    display:none;
}

.more{
    background:lightblue;
    color:navy;
    font-size:13px;
    padding:3px;
    cursor:pointer;
}

JavaScript

$(".more").click(function(){
  if ($(this).siblings(".complete").is(":visible"))
      $(this).text("more..").siblings(".complete").hide();    
  else
      $(this).text("less..").siblings(".complete").show();    
});