Div independente que oculta na lista de comentários

[cristianomg 0]

E ae pessoal,

Preciso de um aorientação, eu estou fazendo um site que é um primo do face, mas no meu site tenho as postagens e que no qual possuem seus comentarios para a postagem X e os comentarios as postagens Y.

 

Eu usei o código abaixo para ocultar as div's dos comentarios de cada postagem, o while mostra a postagem, abre um div lista através de <li> comentario </li> e depois fecha esta div, que fica oculta.

Ao clicar no link de mostar a div abre.

 

O problema:

Eu consegui que possa abrir e fechar mas acontece somente na primeira postagem já na segunda vez que o sistema vai listar os comentarios da postagem 02 a div não tem mais a ação de abrir/fechar.

O que mais eu precisaria fazer para que esta ação de abrir/fechar, fosse independente na div de comentarios para cada postagem peculiar?

 

Script de abrir / fechar

<script type="text/javascript"> 
jQuery.fn.toggleText = function(a,b) {
return   this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;}));
}

$(document).ready(function(){
	$('.tgl').before('<span>Revelar conteúdo</span>');
	$('.tgl').css('display', 'none')
	$('span', '#box-toggle').click(function() {
		$(this).next().slideToggle('slow')
		.siblings('.tgl:visible').slideToggle('fast');
	
		$(this).toggleText('Revelar','Esconder')
		.siblings('span').next('.tgl:visible').prev()
		.toggleText('Revelar','Esconder')
	});
})
</script>

Agora o meu código que lista os comentarios na div que fica oculta e abre ao clicar no link Mostra Comentarios

<div id="box-toggle">
<div class="tgl">
       <ul class="list-group">
		<?php
		$lista_comentarios=mysql_query (lista meus comentarios um a um ?>
				
				
                    <li class="list-group-item">
                        <div class="row">
			  <input type="text" style="height:30px; width:60px;" value="<?php echo $idpost;?>">
                            <div class="col-xs-1 col-md-2" style="width:100%;">
                                <img src="<?php echo $imagem;?>" class="img-thumbnail" style="width:40px; height:40px;" />
				<span class="mic-info" > <a href="#"><?php echo $nomelogado;?></a> <?php echo $data;?></span></div>
                           	<div class="col-xs-10 col-md-11">
                                <div>                                  
                                    
                                </div>
                                <div class="comment-text">
                                    <?php echo $comentario;?>
                                </div>
                                <!--div class="action">
                                    <button type="button" class="btn btn-primary btn-xs" title="Edit">
                                        <span class="glyphicon glyphicon-pencil"></span>
                                    </button>
                                    <button type="button" class="btn btn-success btn-xs" title="Approved">
                                        <span class="glyphicon glyphicon-ok"></span>
                                    </button>
                                    <button type="button" class="btn btn-danger btn-xs" title="Delete">
                                        <span class="glyphicon glyphicon-trash"></span>
                                    </button>
                                </div-->
                            </div>
                        </div>
                    </li>
                    
					<?php
					}
					?>
                </ul>
                <!--a href="#" class="btn btn-primary btn-sm btn-block" role="button"><span class="glyphicon glyphicon-refresh"></span> More</a-->
            </div>
	</div>

Eu acho que a div <div id="box-toggle"> deva ter uma especie de id para diferenciar de cada div de postagem, mas como posso comparar usando o script que eu estou querendo abrir a div de comentarios de uma postagem numero 7 por exemplo, hj ela so abre e fecha a primeira postagem.??

 

 

Obrigado...