Div independente que oculta na lista de comentários
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...
Discussão (0)
Carregando comentários...