"Expand Paragraph Text"
Bootstrap 4.0.0 Snippet by anmolv886

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <p class="more"><Strong>Hunt for new and raw talent:</strong>At The IGFA, we don’t believe in the policy of getting 100% professionals first and then working owell, that’s what we are here for!Being supported by FAs, football clubs, grassroots football players/clubs, football agencies and organizations around the world, we take charge of organizing grassroots U18 and above football tournaments for talented footballers.The ‘chosen ones’ are camped and trained before being sent abroad to play international competitions, club friendlies and trials around the globe. This gives a push to their footballing career that can otherwise seem like an uphill task.There are opportunities for scholarships. We at The IGFA believe in the continual development of our student footballers so we help by providing student scholarships in the categories of ‘Best Player of Tournaments’, ‘Best goalkeeper’, ‘Highest Goal Scorer’, ‘Best Midfielder’, and ‘Best Defender’.Note: A list of our partners/sponsors will be published on our website soon to help you make a choice of colleges or universities.</p> </div> </div>
.morecontent span { display: none; } .morelink { display: block; }
$(document).ready(function() { // Configure/customize these variables. var showChar = 250; // How many characters are shown by default var ellipsestext = "..."; var moretext = "Show more >"; var lesstext = "Show less"; $('.more').each(function() { var content = $(this).html(); if(content.length > showChar) { var c = content.substr(0, showChar); var h = content.substr(showChar, content.length - showChar); var html = c + '<span class="moreellipses">' + ellipsestext+ ' </span><span class="morecontent"><span>' + h + '</span>  <a href="" class="morelink">' + moretext + '</a></span>'; $(this).html(html); } }); $(".morelink").click(function(){ if($(this).hasClass("less")) { $(this).removeClass("less"); $(this).html(moretext); } else { $(this).addClass("less"); $(this).html(lesstext); } $(this).parent().prev().toggle(); $(this).prev().toggle(1000); return false; }); });

Related: See More

Questions / Comments: