Muy buenas a todos...
Necesito que me echéis una mano por favor, haber si consigo explicarme...
Estoy preparando una web con artículos de historia.
La idea es que cada articulo, de inicio, no se visualice al completo.
Si el usuario quiere extender la lectura pinchara sobre el <h5 class="leermas">
Leer mas..</h5> y se visualizara el articulo al completo.
Los párrafos que aparecerán ocultos al cargar la pagina llevaran la class="oculto" y en jquery con slideUp.
Y cuando los párrafos se visualicen, con slideDown, quiero que se oculte el texto Leer mas..., pero solo el del articulo seleccionado y no todos como me sucede ahora.
Espero haber explicado bien.
Aqui os dejo parte del código.
Muchas gracias de antemano.
Saludos
Jquery:
$('.oculto').slideUp();
$('.leermas').click(function(){
$(this).next('.oculto').slideDown('slow',function( ){
$('.leermas').hide(function(){
$(this).hide();
});
});
});
HTML:
<p>...</p>
<p>...</p>
<h5 class="leermas">Continua leyendo >></h5>
<p class="oculto">.....</p>
<p>...</p>
<h5 class="leermas">Continua leyendo >></h5>
<p class="oculto">.....</p>