Afficher ou masquer le contenu d'une ligne d'un tableau HTML

Bonjour,

Merci beaucoup de m'aider à ajouter une fonctionnalité à ma page web.
Voici mon code HTML:

<table align = "left">
<tr>	<td align = "center" bgcolor="#E8C0D9" width ="1000" ><b> Item1
<tr>    <td>  Texte1
	
<tr>	<td align = "center" bgcolor="#E8C0D9" width ="1000" ><b> Item2
<tr>    <td>  Texte2

<tr>	<td align = "center" bgcolor="#E8C0D9" width ="1000" ><b> Item3
<tr>    <td>  Texte3

<tr>	<td align = "center" bgcolor="#E8C0D9" width ="1000" ><b> Item4
<tr>    <td>  Texte4
</table>

les textes sont trop long alors je veux qu'au début de chargement de la page web tous les textes sont masqués et lorsque le visiteur clique sur Item le Texte s'affiche et lorsque il clique de nouveau sur Item1 le Texte sera masqué


Merci d'avance