JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<div class="column-right">
  <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus fugit ratione in blanditiis ad tempore qui enim velit excepturi officia corporis eaque modi optio hic, vitae quod laborum esse labore sed harum minus. Quo at perferendis fuga nihil
    fugiat ducimus repellendus iste voluptates minus numquam dolores maiores, beatae inventore quisquam placeat quis modi corrupti incidunt id consequuntur, nam. Atque nisi similique alias sequi odio, dolorum et repellat ipsam debitis consectetur explicabo
    sit in, aut, culpa quas ducimus possimus, dolorem commodi ex illo quo cumque. Quas optio sunt esse aliquid repellat enim eligendi aut quidem. Odit repudiandae aliquam voluptate fuga voluptatibus sapiente culpa reprehenderit commodi optio, ab perspiciatis
    explicabo officia, a aspernatur placeat, quas rerum laborum quisquam amet architecto ex? Fuga nihil blanditiis, quis. Cupiditate deserunt labore neque aliquid beatae, corporis doloremque alias in ipsum numquam tempore temporibus fugiat aut. Magni,
    commodi, minus ipsam praesentium nulla officia impedit quidem ipsum ullam, dolores ratione aperiam placeat sint architecto velit voluptas explicabo in incidunt fugiat unde modi dignissimos pariatur fugit distinctio minima? Voluptatem, inventore. Facere
    asperiores corrupti harum. Non perferendis ut pariatur nulla, natus provident cum minima asperiores, veniam in repellat obcaecati repudiandae, modi et quos nam unde ex animi id rerum, labore..</p>

  <a href="#" class="big-red-btn i-btn">Show</a>
</div>

<div class="column-right">
  <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus fugit ratione in blanditiis ad tempore qui enim velit excepturi officia corporis eaque modi optio hic, vitae quod laborum esse labore sed harum minus. Quo at perferendis fuga nihil
    fugiat ducimus repellendus iste...

CSS

.paragraph {
  height: 35px;
  overflow: hidden;
}

.paragraph_all {
  overflow: visible;
  height: 100%;
}

JavaScript

$('.i-btn').click(function() {
  $(this).prev('.paragraph').toggleClass("paragraph_all", 1000);

  if ($(this).prev('.paragraph').hasClass('paragraph_all')) {
    $(this).text('Show');
  } else {
    $(this).text('Hide');
  }
});