Problemas com a função toggle()

[Thallees 0]

Olá boa noite,

Bom, estou fazendo um "sisteminha" de comentários, e quero adicionar um botão para responder,

O problema é que, quando clica em "responder" seja no primeiro, segundo ou terceiro comentário, sempre o abre o formulário de resposta no primeiro, teria como resolver isso?

 

Estou usando o seguinte códio:

 

JS

$(function() 
{
	$(".respond").click(function(){
		$("#responder").toggle("slow");                    
	});
});

HTML

<span class="respond"><i class="fa fa-reply"></i> Responder</span>
</div>
     <div class="clear"></div><br>
	   <div id="responder">
		<form class="responde" method="POST">
		   <span>Responder:</span>
		     <input type="text" name="comentid" value="<?php echo $comentid;?>" hidden />
                      <textarea name="resposta" style="height: 80px;" maxlength="900" class="form-control" ></textarea>
<button type="submit" class="btn btn-info" name="postar-resposta">Responder</button>									</form>
</div>

[Bri ~ 3]

Você precisa colocar cada 'button' com um id diferente e utiliza a class para colocar o mesmo style

Na função do js utilize pelo id.

Exemplo:

$(function()
{
    $("#respond1").click(function(){ //primeiro button
        $("#responder1").toggle("slow");  //abre primeira div                  
    });
    $("#respond2").click(function(){ //sugundo button
        $("#responder2").toggle("slow");  //abre segunda div                  
    });
});