estou fazendo uma tabela dinamica em html e preciso apresentar a subtabela apenas quando clicar na tr da tabela principal, segue o exemplo.
$(function () {
$('#toggle3').click(function () {
$('.toggle3').toggle('slow');
return false;
});
});
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<table>
<thead>
<tr>
<th>Nome</th>
<th>Dependentes</th>
<th>Quantidade</th>
</tr>
</thead>
<tboby>
<tr>
<td>Fulano</td>
<td><a href="#" id="toggle3">convenio</a></td>
<td>3</td>
</tr>
<tr>
<td colspan="3">
<div class="toggle3" style="display:none;">
<table width="200" border="6">
<thead>
<tr>
<th>Nome</th>
<th>Tipo</th>
<th>Idade</th>
</tr>
</thead>
<tr>
<td>Maria</td>
<td>Esposa</td>
<td>47</td>
</tr>
<tr>
<td>Ana</td>
<td>Filha</td>
<td>12</td>
</tr>
<tr>
<td>Joaquim</td>
<td>Filho</td>
<td>06</td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>
Mas no caso ter vários funcionários como passo o valor do id dinamicamente?
Dentro do while
eu coloquei uma váriavel $x++
que intera a cada novo funcionário, e no link eu coloquei o nome do toogle acrescido do valor da interação
<a href="#" id="toggle<?php echo $x; ?>">link</a>
Mas não sei como recuperar esse valor no javascript