JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<p>                                            Every 18 months, McKinsey holds a competition in which consultant and knowledge&ndash;professional teams (with</p>

JavaScript

$('.abstract').each(function(i,v){
                var $currentAbstract =$(this),
                      $paragraph = $currentAbstract.find($('p')),
                      abstractText = $paragraph.html(),
                      rawString = $.trim(abstractText),
                      abstractSnippet = rawString.slice(0,255),
                      moreSnippet = rawString.slice(255),                      
                      moreLink="";
                if(moreSnippet){
                    abstractSnippetHTML = '<span class="abstract-snippet"> '+abstractSnippet+'</span>';    
                    moreLink='<span class="show-more"> &hellip; <a href="#">More</a> </span>';    
                    moreSnippetHTML = '<span class="more-snippet" style="display:none;">'+moreSnippet+'</span>';
                    $paragraph.html(abstractSnippetHTML + moreLink +moreSnippetHTML);    
                }else{
                    return true;
                }
            
            });