Pregunta

Tengo un conjunto párrafo por el siguiente estilo:

.design_info_box p.design_info_desc
{
    height:30px;
    text-overflow: ellipsis;
    overflow:hidden;
}

Con esto, se puede ver las 2 primeras líneas de texto con un botón de "leer más" que se expande el párrafo para mostrar el resto del texto.

Este es el código para el botón:

$(".read-more div").click(function(){
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
    $(this).hide();
});

Esto hace quitar la clase y todo el párrafo se revela. Sin embargo, no se animan. De acuerdo con la documentación removeClass debe tener una duración de animación. También probé la sustitución de "lento" con un número como 10000.

¿Hay alguna razón por la que no está animando?

¿Fue útil?

Solución

La razón de esto no está funcionando (creo) es que esta es una característica de jQueryUI, no la biblioteca núcleo de jQuery. Incluir una referencia a jQueryUI en su página, y esto debe comenzar a trabajar.

¿Quieres crear un demo en vivo aquí: http://jsfiddle.net/YaSh6/

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top