El ejemplo lo tienes ya publicado en http://lineadecodigo.com/jquery/efecto-leer-mas-texto-con-jquery/

Espero que te sirva. Saludos.

y se definió :

$(document).ready(function () {
$(‘#save_thumb’).click(function() {
alert(“val”);
….
});
});

Cuando el formulario esta visible osea: el div.img_up está con ‘display:block’ y se presiona el submit nunca llega a ejecutarse el evento definido para el boton ( no ejecuta el alert ) del formulario.

agradecida de antemano..

Podrías hacerlo teniendo de varias formas. La primera sería teniendo dos capas y jugando con el ocultar/mostrar una u otra.

Otra forma sería tener el texto del principio siempre fijo y el resto en la capa tal cual se muestra en el artículo.

No sé si a alguien más se le ocurre otra forma. Todos los comentarios son bienvenidos.

$(document).ready(function() {
// aquí la llamada a tu función que muestra la imagen, o sea, lo que
// ejecutas en el .click(). Si no lo tienes en una función aparte, sería bueno que
// lo separaras para poder llamarlo de varios lugares
});