JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <a href="">Titulo 1</a>
    <div class="texto">
      <p>
        Texto 1
      </p>
      <div class="readmore">Mostrar/Ocultar</div>
    </div>
  </li>
  <li>
    <a href="">Titulo 2</a>
    <div class="texto">
      <p>
        Texto 2
      </p>
      <div class="readmore">Mostrar/Ocultar</div>
    </div>
  </li>
</ul>

JavaScript

$(document).on("click", ".readmore", function(e) {
       let el = $(this);
       if(el.parent().find('p').hasClass('mostrando')) {
          el.parent().find('p').removeClass('mostrando').hide();
       } else {
     	  el.parent().find('p').addClass('mostrando').show();
       }
    })