Tabelle teilweise ausblenden

[Kalle_Worms]

Hallöle,

ich habe mal wieder eine große Tabelle (mit PHP erstellt). Sie hat Gruppenüberschriften, dann folgen Zeilen mit Eingabefeldern.

Wegen der Übersichtlichkeit möchte ich NUR die Überschrift anzeigen und bei Klick mit JavaScript die zugehörigen Folgezeilen einblenden.

Aber das Wegblenden in der Tabelle klappt nicht:

#gruppe1 { display:none }

<table>
<tr><td>Gruppe 1</td></tr>
<div id='gruppe1'>
<tr><td>Artikel 1-1: <input ...></td></tr>
<tr><td>Artikel 1-2: <input ...></td></tr>
</div>
<tr><td>Gruppe 2</td></tr>
<div id='gruppe2'>
<tr><td>Artikel 2-1: <input ...></td></tr>
<tr><td>Artikel 2-2: <input ...></td></tr>
</div>
</table>

Wie geht es?

LG Kalle