https://www.geneticmedjournal.com/public/web/js/readmore.js

1/*$(document).ready(function() {*/
2$(function() {
3    // Configure/customize these variables.
4    var showChar = 250;  // How many characters are shown by default
5    var ellipsestext = "...";
6    var moretext = "Show more >";
7    var lesstext = "< Show less";
8
9
10   $('.hspi_more').each(function() {
11        var content = $(this).html();
12
13        if(content.length > showChar) {
14
15            var c = content.substr(0, showChar);
16            var h = content.substr(showChar, content.length - showChar);
17            var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="hspi_morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
18
19            $(this).html(html);
20        }
21
22    });
23
24    //$(".morelink").click(function(){
25    $('body').on('click','.morelink',function(){
26        if($(this).hasClass("less")) {
27            $(this).removeClass("less");
28            $(this).html(moretext);
29        } else {
30            $(this).addClass("less");
31            $(this).html(lesstext);
32        }
33        $(this).parent().prev().toggle();
34        $(this).prev().toggle();
35        return false;
36    });
37});