Cortar texto jQuery (efecto leer más ….)

Cortar texto jQuery con jQueryexpander.js este  plugin de jquery  se encargará de cortar texto de largas cadenas mostrando un ver más o ver menos al final del texto. Cortará el párrafo según la cantidad de palabras que especifiquemos y agregará automáticamente un botón para expandir el contenido. Una vez expandido, cambiará ese botón por otro para volver a contraer el texto a su formato original.

Este plugin es muy fácil y sencillo de usar no es difícil de aplicarlo con tan solo llamar a su archivo .js y usar un poco de javascript  será cosa de novatos. .

Requisitos.
Sólo necesitas, jQuery, el plugin jQuery Expander y un poquito de javascript para aplicarlo. Mírate los códigos a continuación y descarga el plugin (o mira la demostración).

Breve explicación .

Necesitarás colocar dentro del head los enlaces a necesitar para lograr este efecto ejm.

  <!-- llamamos la librería jquery  desde sus cdn Hosted--> 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <!-- llamamos al jquery.expander.js mira sus archivos de descarga-->
  <script src="jquery.expander.js"></script>
  <!--codigo javascript para su configuración o efecto de un solo llamado por defecto-->
  <script type="text/javascript">
    $(document).ready(function() {
        // use esta configuracion simple para valores por defecto
        //$('div.expandable p').expander();
        // *** O ***
        // configure de la siguiente manera
        $('div.expandable p').expander({
        slicePoint: 50, // si eliminamos por defecto es 100 caracteres
        expandText: '[...]', // por defecto es 'read more...'
        collapseTimer: 5000, // tiempo de para cerrar la expanción si desea poner 0 para no cerrar
        userCollapseText: '[^]' // por defecto es 'read less...'
      });
    });
  </script>

Dentro del body llamamos a la clase para mostrar el efecto deseado adicional este efecto no tiene estilo ya que ese no es el foco del tutorial , deberás utilizar los estilos de tu web o blog…

<!--llamamos la clase expandable adicional podemos darle mas estilo pero ese no es el foco del tutorial-->
<div class="expandable">
<!-- Nuestro parrafo a mostrar-->
<p>Era una mañana fría de invierno cuando amanecí en ese pequeño cubículo de hospital, una cortina verde roída cubría la mitad de la vista que tenía del resto de la enorme habitación que compartía con otras cinco camas. Recordaba el día anterior claramente, me había internado por la tarde al romper fuente y esperé un rato antes de pasar al  quirofano para dar a luz a mi primer hijo.</p>
</div>

Espero les sirva en algún proyecto Aquí encontrarás su demostración 1 , demostración 2 y su descarga

Saludos.