Masquer une ligne de tableau

Bonjour,
Je cherche à masquer/afficher sur un clic une ligne de tableau

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function aff_filtre() { if(document.getElementById('filtre_tr').style.display=='none') { document.getElementById('filtre_tr').style.display = 'block'; } else { document.getElementById('filtre_tr').style.display = 'none'; } }

---

Le masquage fonctionne, mais l'affichage a une conséquence inattendue....

Avant masquage :
Pièce jointe 157438

Après réaffichage :
Pièce jointe 157439

Le code du tableau est comme ceci :

Code:

---

1 2 3 4 5

<tr id="filtre_tr"> <td>....</td> <td>....</td> </tr>

---

C'est normal la valeur par défaut de la propriété display pour une ligne de tableau (tr) n'est pas block mais table-row, donc essaye avec ça:

Code:

---

1 2 3 4 5 6

function aff_filtre() { if(document.getElementById('filtre_tr').style.display=='none') document.getElementById('filtre_tr').style.display = 'table-row'; else document.getElementById('filtre_tr').style.display = 'none'; }

---

Merci, ça marche.
J'avais lu sur un site que style.display n'acceptait que block, inline et none. C'est visiblement incomplet. Il y a d'autres valeurs possibles ?

Voilà la liste du w3c : http://www.w3.org/wiki/CSS/Properties/display

effectivement, la liste est plus complète que ce que j'avais. Merci :)