Tenho uma tabela que mostra valores vindo do banco de dados. Abaixo da linha tou tentando executar uma div para usar a funcao toggle() do jquery. Não sei oq estou fazendo de errado, por que quando clica mostra todos. Quero apenas que a linha clicada apareça a div. Obrigado pessoal.
HTML:
<table class="table table-striped table-hover">
<thead>
<tr>
<th scope="col">Nº do Cliente</th>
<th scope="col">Nome</th>
<th scope="col">Status</th>
<th scope="col">Corretor</th>
<th scope="col">Data de Cadastro</th>
<th scope="col">Ações</th>
</tr>
</thead>
<tbody>
<?php
//aqui fica uma função PHP de SELECT. tirei pra nao ficar grande o codigo html. =) {
?>
<tr style="padding:20px;">
<td>ID</td>
<td><span class="nomeTabela">Nome</span></td>
<td>Ativo</td>
<td>Eraldo Carlos</td>
<td>20/06/2018</td>
<tr class="tblOculto"><td>
<div class="divOculto">
Aqui vem a informação oculta.
</div>
</td></tr>
<?php
}
?>
</tr>
</tbody>
</table>
JQUERY:
$(document).ready(function(){
$(".nomeTabela").click(function(){
$('.tblOculto').css('display', 'block');
$(".divOculto").slideToggle("slow");
});
});