Show short text and append Read More link, instead of full text by using jQuery. After click on Read More, show full text.

Character-Length

jQuery( document ).ready( function() {
	/**
	 * Show Short Content
	 * Add Read More link after short text,
	 * Show full content after click on Read More
	 * 
	 * Usage:
	 * jQuery( '.my-selector' ).rtpCharLength();
	 */
	( function( $ ) {
	
		$.fn.rtpCharLength = function( options ) {
	
			var defaults = {
				count: 450,
				readmoretext: 'Read More »',
				moreclass: 'morelink',
				hellip: '…'
			};
	
			var settings = $.extend( {}, defaults, options ),
				element = this,
				full_text = this.html(),
				short_text = this.text(),
				c = short_text.substr( 0, settings.count );
	
			if ( short_text.length > settings.count ) {
				var html = c + settings.hellip + ' <a role="link" href="#" class="' + settings.moreclass + '" title="' + settings.readmoretext + '">' + settings.readmoretext + '</a>';
				this.html( '<p class="short-desc">' + html + '</p>' );
			}
	
			if ( $( '.' + settings.moreclass ).length > 0 ) {
				$( 'body' ).on( 'click touchstart', '.' + settings.moreclass, function( e ) {
					element.html( full_text );
					e.preventDefault();
				} );
			}
	
		}; // rtpCharLength();
	
		return this;
	
	}( jQuery ) );
	
	/**
	 * Show Short text on Designers and Members page
	 */
	jQuery( '.rtp-about-member .post-content' ).rtpCharLength();

} );