I need to attack the div comentarioPost
and make only the div of the corresponding post be displayed.
I have simulated some comments to test, then they will come from the bank with the other information.
How do I do this with jQuery?
I left the div display none
in CSS and need to display when someone wants to view the comments.
In other words, I need to give display block
only in the div of the respective post, it's like a social network and every post has its comments, currently I can display the div but they all become visible, I need to display only the div of the respective post. I'm displaying by PHP even using a while
loop. In case I need to display only the% div of% when I click the comentarioPost
link that is inside the comentarioPost
tag.
This way I can display all the divs, but I wanted to display only the daughter div of the post.
$(".comentarios").click(function (event) {
event.preventDefault();
$(".comentarioPost").css("display", "block");
});
Complete code:
<?php
require_once '_funControllers/postagemLinhaDoTempo.php';
require_once '_funControllers/exibePostagensLinhaDoTempo.php';
require_once '_funControllers/select-Dados-User-Logado.php';
?>
<?php do { ?>
<div class="postagens" id="div<?php echo $exibePostagensAssoc['id_post'] ?>">
<div class="topPostar"><img class="imgChat" src="uploads/<?php echo exibeImg($exibePostagensAssoc['id_user']) ?>"/><a href="perfil?user=<?php echo $exibePostagensAssoc['id_post'] ?>&nome=<?php echo $exibePostagensAssoc['nome_user'] ?>" title=""><?php echo "<p style='margin-top:6px;float:left;margin-left:10px;'>$exibePostagensAssoc[nome_user]</p>" ?></a>
<div class="botaoPainel">
<?php botaoDelete($dadosLogado['U_id'], $exibePostagensAssoc['id_user']) ?>
</div><!--fecha a div botaoPainel-->
</div><!--fecha a div topPostar-->
<div class="meioPostagens">
<div class="contornoPostagens">
<!--Verifica se o campo nome na tabela img_postagens tem algum valor ou se é diferente de ''-->
<?php if (isset($exibePostagensAssoc['nome']) and ( $exibePostagensAssoc['nome'] != '')) : ?>
<a href="home?post=<?php echo $exibePostagensAssoc['id_post'] ?>&postagem=<?php echo imprimeComTracos($exibePostagensAssoc['mensagem_post']) ?>" title="">
<img class="imgPostar" src="<?php echo $exibePostagensAssoc['caminho'] . $exibePostagensAssoc['nome'] ?>"/>
</a>
<?php endif; ?>
<p style="text-align: left"><?php postagem($exibePostagensAssoc['mensagem_post']) ?></p>
</div> <!--fecha a div contornoPostagens-->
</div><!--fecha a div MeioPostagens-->
<div class="rodapePostagens">
<div class="gostei">
<img class="imgGostei" id="imgGostei" src="_img/thumb52.png" title="" alt=""/>
<a class="linkGostei" href="" title="">Gostei + [12<?php echo $i ?>]</a>
</div><!--fecha a div rodapePostagens-->
<a class="linkComentario" href="" title="">
<div class="Comentar">Comentar</div><!--fecha a div Comentar-->
</a>
<a class="linkComentario" href="" title="">
<div class="comentarios">Comentários [258]</div><!--fecha a div comentarios-->
</a>
</div><!--fecha a div rodapePostagens-->
<div class="comentarioPost">
<p class="internoComentario">Eu não gostei do assunto</p>
<p class="internoComentario">Estou muito feliz de compartilhar meu primeiro anúncio com vocês meus amigos do site Bom Perfil.</p>
<p class="internoComentario">Estou muito feliz de compartilhar meu primeiro anúncio com vocês meus amigos do site Bom Perfil.</p>
</div>
</div><!--fecha a div postagens-->
<?php } while ($exibePostagensAssoc = mysql_fetch_assoc($exibePostagens)); ?>
</br>
</br>
<a href="#buscaProfissional" class="scroll"><img src="_img/walking18.png" title="Voltar ao topo"> Voltar ao topo</a></br>