Mostrare e nascondere tabelle dinamiche
Salve a tutti,
vi espongo subito il mio dilemma visto che non sono molto pratico di javascript (sempre che questo mia dilemma sia risolvibile con javascript)
Premessa: ho una pagina in cui esiste una tabella dinamica con dati estratti, attraverso un ciclo while, da un database.
La tabella ha questa composizione:
Codice HTML:
<table>
<tr id="premi_<?php echo $id; ?>">
<td> Argomento 1</td>
</tr>
<tr id="mostra_<?php echo $id; ?>" style="display:none;">
<td> Sottoargomento 1.1</td>
<td> Sottoargomento 1.2</td>
<td> Sottoargomento 1.3</td>
</tr>
<tr id="premi_<?php echo $id; ?>">
<td> Argomento 2</td>
</tr>
<tr id="mostra_<?php echo $id; ?>" style="display:none;">
<td> Sottoargomento 2.1</td>
</tr>
<tr>
<td id="premi_<?php echo $id; ?>"> Argomento 3</td>
</tr>
<tr id="mostra_<?php echo $ida; ?>" style="display:none;">
<td> Sottoargomento 3.1</td>
<td> Sottoargomento 3.2</td>
</tr>
etc...
</table>
La mia richiesta è la seguente: partendo dai tr di tutti i sottoargomenti con display none voglio fare sì che cliccando sul rispettivo argomento superiore i sottoargomenti a lui collegati diventino visibili e al nuovo click ritornino invisibili.
Credo che la funzione base da cui partire sia questa:
Codice:
<script>
$("premi_<?php echo $id; ?>").click(function(){
$("mostra_<?php echo $id; ?>").fadeIn("slow");
});
$("premi_<?php echo $id; ?>").click(function(){
$("mostra_<?php echo $id; ?>").fadeOut("slow");
});
</script>
Il problema è come posso collegare lo script alla tabella dinamica per fare in modo che se clicco su Argomento 1 mi mostri solo i sottoargomenti a lui collegati?
Col ciclo while ad ogni tr riesco anche ad assegnare un id unico, però se lo integro nello script sembra non funzionare :???:
