Nascondere righe tabella

[Orione]

Ciao a tutti, non so se il mio post è messo nella posizione corretta del forum e mi scuso in anticipo.
il mio problema riguarda la possibilità di nascondere/visualizzare un certo numero di righe in una tabella html, la cosa principale e che mi sta un pò incasinando è che questo numero di righe è causale, ossia dipende da quello che è contenuto nelle tabelle di un database.
Faccio un esempio
Ho la seguente struttura
<table>
<tr>
<td>Cella1</td>
</tr>
<tr>
<td>Cella2</td>
</tr>
<tr>
<td>Cella2.1</td>
</tr>
<tr>
<td>Cella3</td>
</tr>
<tr>
<td>Cella4</td>
</tr>
<tr>
<td>Cella4.1</td>
</tr>
<tr>
<td>Cella4.2</td>
</tr>
</table>
Come potete vedere la tabella html si presenta in questo modo e vorrei poter rendere nascoste le sotto righe identificate come Cella2.1 / Cella4.1 /Cella4.2 e renderle visibile solo se l'utente clicca sulla propria riga principale ovvero click sulla riga Cella2 e mi si deve rendere visibile solo la riga Cella2.1 e tutte le principali, click sulla cella4 e mi si deve rendere visibile la cella4.1 e cella4.2.

Come posso fare ?

Spero di essere stato chiaro grazie in anticipo a tutti

[Stan]

Devi creare una relazione tra la riga principale e le "figlie".
Quando fai l'output html imposta delle classi, tipo in questo modo.

Poi con jquery selezioni i padri, estrai l'id, e lo usi per mostrare/nascondere i figli con lo stesso id.

<table>
<tr>
<td>Cella1</td>
</tr>
<tr class="padre-2">
<td>Cella2</td>
</tr>
<tr class="figlio-2">
<td>Cella2.1</td>
</tr>
<tr>
<td>Cella3</td>
</tr>
<tr>
<td>Cella4</td>
</tr>
<tr>
<td>Cella4.1</td>
</tr>
<tr><td>Cella4.2</td>
</tr>
</table>