Mostrar textarea correspondente ao href

Boa noite, tenho esse trecho de javascript/jquery onde possuo um textarea oculta e um href. A intenção é ao clicar no href a textarea apareça para que a pessoa possa digitar sua resposta.
Não estou conseguindo abrir a textarea no href correspondente.
Ao clicar em um href, ele abre de todas as perguntas.

manda o código para analise.

ops, desculpa, acabei esquecendo…

    <script>
	$(document).ready(function() {
		
		$.ajax({
			type:'post',		
			dataType:'json',	
			url: 'listAllForum',
			success: function(dados){
				for(var i = 0; dados.length > i; i++){
					$('#post-forum').append('<div>' + dados[i].idForum + ' - ' + dados[i].message + '</div>' +
						'<div class="respostas" data-respostaId=' + dados[i].idForum + '>' +
							'<textarea rows=6 cols=95 class="res" value="" name="dados" style="display:none;"/> <br>' +
							'<a href="#" id="resp" class="resposta">Responder</a>' +
						'</div> <br> <br>');
					
					
				}
			}
		});
				
		$(document).on('click', '.respostas', function (event) {
			var idPergunta = $(this).attr('data-respostaId');
			$('.res').show();
			$.ajax({
				type:'post',
				dataType:'json',
				url:'saveAnswer',
				success: function(resposta){
					
				}
			});
		    event.preventDefault();
		});
	});
</script>