JSFiddle - React, Tailwind, and code Playground

HTML

<p class="card-text message-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error est libero, ut esse omnis aut voluptatum quod suscipit dolor molestias magnam temporibus porro provident, incidunt repellat blanditiis laborum. Repellendus, temporibus.</p>

JavaScript

$('.card-text').each(function() {
	var $this = $(this);
	var text = $this.html();
  $this.data('full-text', text);
  var small = text.substring(0, 20);
  var isFulled = false;
  if(small.length < text.length) {
  	$this.html(small);
    var $button = $('<button>...</button>');
    $button.click(function() {
    	if(!isFulled) {
      	$this.html($this.data('full-text'));
      	isFulled = true;
      } else {
        $this.html(small);
        isFulled = false;
      }
    });
    $this.after($button);
  }
})