Funcionalidad “Leer más” con jQuery

Una buena opción cuando tenemos una gran cantidad de texto es utilizar pequeños extractos con la opción de “leer más”, de esta manera economizamos espacio que podemos aprovechar para mostrar más noticias. Para lograr esta funcionalidad existen muchos métodos, uno de ellos es utilizar jQuery.

ReadMore.js es un plugin jQuery, muy fácil de usar, que justamente nos permite añadir la funcionalidad de “leer más” en nuestros sitios en apenas unos segundos.

El plugin colapsa y expande el texto dinámicamente, esto tiene algunas ventajas y unas pocas desventajas.

Como ventaja podemos decir que el texto aparece instantáneamente al no solicitar información adicional al servidor. Otra característica favorable es que desde el punto de vista de los buscadores todavía estaríamos utilizando el texto completo. La única desventaja es que estaríamos cargando nuestro sitio con mucha información “oculta” que no necesariamente se va a utilizar por el visitante.

Ejemplo de uso:

$('article').readmore({
  speed: 75,
  maxHeight: 500
});

Este plugin es un recurso sencillo, liviano y útil. Ademas del botón de “mostrar más” también tenemos la opción de ocultar el texto según sea necesario.

Web: ReadMore.js

Categorizado en: