0

jQuery(".textwidget.custom-html-widget ul").each(function(){
     if (jQuery(this).find('li').length > 15 ) {
            jQuery(this).find('li:nth-of-type(1n+15)').addClass('hide-link').hide();
            jQuery("<li class='read-more-li'>Read More</li>").appendTo(this);
        }
 });

jQuery(document).on('click', '.read-more-li', function() {
 jQuery(this).parent('ul').find('.hide-link').toggle(100);
    jQuery(this).toggleClass('active');
    if (jQuery(this).hasClass("active")) {
        jQuery(this).html('Read Less');
    }else{
        jQuery(this).html('Read More');
    }
});

Jagdish Sarma Asked question May 10, 2022
Add a Comment