jQuery Читать дальше Читать меньше - ограничить слова

Question

Я использую этот скрипт, чтобы скрыть все абзацы, кроме первого, а затем добавить функциональность Read More, Read less. Как можно ограничить количество слов, возвращаемых в первом абзаце, до 20, прежде чем нажать «Читать дальше», а затем вернуться к тому же размеру абзаца при нажатии «Читать меньше»?

$('.read-more-content').each(function () {
    paragraphCount = $(this).children('p').length;
    if (paragraphCount > 1) {          
        $(this).children('p:first').append(' <span class="read-more">Read More <i class="fa fa-angle-right"></i></span>');
        $(this).children('p:last').append(' <span class="read-less"><i class="fa fa-angle-left"></i> Read Less</span>');
        $(".read-more").hide();
        $(".read-less").hide();            
        $(".read-more").show();
        $(this).children('p').not(":first").hide();
    }
});

$('.read-more').live('click', function () {
    readmore = $(this);
    readmore.closest('.read-more-content').find('p').slideDown();
    readmore.hide();
    readmore.closest('.read-more-content').find('.read-less').show();
})

$('.read-less').live('click', function () {
    readless = $(this);
    readless.closest('.read-more-content').find('p').not(":first").slideUp();
    readless.hide();
    readless.closest('.read-more-content').find('.read-more').show();
})