Hola,
Tengo una duda de cómo usar "this" en jQuery en este caso (resumido). (Soy super novato).
Código HTML:
<div class="parrafo">
<p id="titulo"><img class="mas" title="Mostrar" src="../imagenes/1.png"/>Titulo1</p>
<p id="cuerpo">Texto</p>
</div>
<div class="parrafo">
<p id="titulo"><img class="mas" title="Mostrar" src="../imagenes/1.png"/>Titulo2</p>
<p id="cuerpo">Texto</p>
</div>
<div class="parrafo">
<p id="titulo"><img class="mas" title="Mostrar" src="../imagenes/1.png"/>Titulo3</p>
<p id="cuerpo">Texto</p>
</div>
CSS
Código HTML:
#cuerpo{
display: none;
}
jQuery
Código HTML:
$(document).ready(function(){
$(function(){
$(".mas").click(function(event) {
if($(".mas").attr("title") == "Ocultar")
{
//Ocultar #cuerpo
$("#cuerpo").hide();
//Actualizar imagen
$(".mas").attr("src","../imagenes/1.png").attr("title","Mostrar");
}
//Si no:
else
{
//Mostrar #cuerpo
$("#cuerpo").show();
//Actualizar imagen
$(".mas").attr("src","../imagenes/2.png").attr("title","Ocultar");
}
});
});
});
El caso es que quiero que al pulsar sobre la imagen se muestre el cuerpo que hay justo debajo. Se podría hacer poniendo un id diferente a cada etiqueta y jugar con los nombres, pero lo veo menos práctico. si se usa "this" hace referencia a la etiqueta pulsada, pero se puede usar "this" para moverse para arriba o para abajo después de hacer referencia a una etiqueta?
Gracias.