Ocultar y mostar por uno a la vez

Jagarn · #1 (**permalink**) 01/08/2011, 21:33

Hola tengo resumindo el siguiente codigo:

Código HTML:

Ver original<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<style type="text/css">
.compartir-responder{display:none;}
</style>
<script type="text/javascript">
$(document).ready(function(){
    //Agregar comentario
    $(".comentario-imagen a").click(function(){
        $(".comentario-imagen").hide();
        $(".compartir-responder").show();
        return false;
    });
});
 
</script>
</head>
<body>
 
<div class="comentario-imagen"><a href="#"><img src="#" width="804px" height="30px";></a></div>
<div class="compartir-responder">
<textarea name="cuerpo" rows="2" cols="80"></textarea>
</div>
 
<br>
 
<div class="comentario-imagen"><a href="#"><img src="#" width="804px" height="30px";></a></div>
<div class="compartir-responder">
<textarea name="cuerpo" rows="2" cols="80"></textarea>
</div>
 
<br>
 
<div class="comentario-imagen"><a href="#"><img src="#" width="804px" height="30px";></a></div>
<div class="compartir-responder">
<textarea name="cuerpo" rows="2" cols="80"></textarea>
</div>
 
<br>
 
</body>
</html>

Si lo prueban, este te muestra un textarea al hacer click a una supuesta imagen, pero lo que quiero lograr y no se como hacerlo es que no me muestre todo a la vez, sino uno por uno dependiendo de que imagen valla a hacer click.

Gracias por la ayuda.