JSFiddle - React, Tailwind, and code Playground
HTML
<div class="reviewtekst">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada placerat dolor sed ultrices. Sed hendrerit mollis arcu, vel ultricies ante hendrerit vitae. Praesent pulvinar tortor bibendum arcu accumsan aliquam. Sed sit amet erat erat. Sed faucibus sapien at mauris pulvinar, non tristique neque sagittis. Aenean a est facilisis nunc pulvinar luctus ut elementum sem. Phasellus sed urna elementum, tincidunt purus sit amet, euismod lectus. Nunc mattis libero sed magna fermentum mollis.
Ut sodales sollicitudin tellus ut interdum. Nulla faucibus ex quam. Praesent eu auctor enim. In at quam risus. Praesent mattis euismod nisl, tempus pellentesque ipsum sodales et. Duis id nunc non tortor vestibulum auctor eget sit amet dui. Donec in luctus eros, non porta dui. Aenean placerat ornare dolor, nec posuere massa volutpat sollicitudin.
Mauris vestibulum dui in magna tempor malesuada. Sed risus eros, congue consectetur purus id, aliquet scelerisque nisi. Nulla quam leo, egestas nec volutpat ac, dictum ut odio. Nullam iaculis massa dolor, quis tempor augue dictum non. Praesent lacinia luctus gravida. Aenean id vestibulum sapien. Aliquam sodales neque interdum tellus pellentesque pellentesque ut id lorem. Mauris justo mauris, mattis sed sem sed, varius pulvinar enim. Fusce convallis metus nec dui sollicitudin cursus. Fusce tempus dolor ac imperdiet gravida. In hendrerit pulvinar aliquam.
Sed et ultricies urna, nec egestas felis. Ut porta eget magna at sagittis. Fusce ac justo quis libero posuere porta. Proin ultricies quam at nisi egestas, et scelerisque nunc bibendum. Aliquam eget vestibulum magna. Donec tellus massa, cursus quis ex sed, auctor fermentum mi. Curabitur dui libero, porttitor sit amet quam gravida, aliquam euismod nibh. Suspendisse in turpis congue, pellentesque velit in, aliquam nunc. Quisque suscipit dui nec tortor mollis, ac posuere lorem aliquam. Fusce leo urna, maximus vitae auctor non, molestie efficitur dui. Nullam...
JavaScript
$('.reviewtekst').each(function() {
var $pTag = $(this).find('p');
if($pTag.text().length > 200){
var shortText = $pTag.text();
shortText = shortText.substring(0, 200);
$pTag.addClass('fullArticle').hide();
shortText += '<a href="#" class="read-more-link">Show more text ></a>';
$pTag.append('<a href="#" class="read-less-link">< Show less text</a>');
$(this).append('<p class="preview">'+shortText+'</p>');
}
});
$(document).on('click', '.read-more-link', function () {
$(this).parent().hide().prev().show();
});
$(document).on('click', '.read-less-link', function () {
$(this).parent().hide().next().show();
});