Tableau Afficher/cacher des lignes

Bonjour,
j'ai attaché des une image de ce que je souhaiterai faire.
Un petit + sur chaque ligne de mon tableau, pour pouvoir faire apparaitre plus d'info pour une ligne en question....
J'ai essayé avec Dreamweaver et des calques mais sans succes.
Pas de traces d'autres posts dans ce sens non plus...
Alors voila je viens voir les experts, si quelqu'un pouvait me mettre sur la voie...
Merci d'avance,
A+
VooDoo

tu met un id a ta div puis une fonction sur ton lien :

onclick="afficher('idConcerne')"

et coté js :

Code:

---

1 2 3 4 5 6 7 8 9

function afficher('idavoir'){ var maDiv = document.getElementById('idavoir'); if(maDiv.style.display == 'none'){ maDiv.style.display = 'block'; } else{ maDiv.style.display = 'none'; } }

---

fonction très basique

pour l'instant toutes mes données sont dans des <td> d'un tableau, faut que je supprime mon tableau, et tout remplacer par des div, c ca?

non ajoute dans ta td , une div qui contiendra le texte a afficher/masquer

Bon j'ai essayé pas mal de chose mais j'ai toujours un petit souci:
voila ce que j'ai fait pour l'instant:

$content.='<tr><td colspan="6"><div id="extrarow'.$row["Aid"].'" style="display:none">texte test</div></td></tr>';

Cela marche, mais je me pose la question de l'agencement des nouvelles infos dans mon tableau.
Si j'ai bien compris je ne peux pas mettre le tr complet dans le div.
Enfin j'ai essayé et le tr apparait tout le temps...
Alors comment faire pour ajouter un ligne du style:
<tr><td colspan="2">text1</td><td colspan="2">text2</td><td colspan="2">text3</td></tr>

Faut-il creer 3 div? et la modifier la fction pour affecter les 3 div en mm tps??
Merci encore pour ton aide.
A+
VooDoo