Spalten dynamisch ausblenden

[Neuer Neuling]

Hallo,
ich bin ein JavaScript Neuling und möchte gerne mehrere Spalten einer HTML - Tabelle ein und ausblenden.
Beispiel:

<tr>
   <th colspan="8">UEBERSCHRIFT</th>
</tr>
<tr>
   <th colspan="4">
      <a href="">HEADLINE 1</a>
   </th>
   <th colspan="4">
      <a href="">HEADLINE 2</a>
   </th>
<tr>
   <th>Spalte 1</th>
   <th>Spalte 2</th>
   <th>Spalte 3</th>
   <th>Spalte 4</th>
   <th>Spalte 5</th>
   <th>Spalte 6</th>
   <th>Spalte 7</th>
   <th>Spalte 8</th>
</tr> 

Ich möchte gerne auf HEADLINE 1 clicken, dann sollen die Spalten 2 bis 4 ausgeblendet werden und der colspan von Zeile 1 th auf 5 und der colspan von HEADLINE 1 auf 1 gesetzt werden.
Wenn ich wieder auf HEADLINE 1 clicke, dann soll wieder die Ausgangssituation hergestellt werden.

Wenn man auf HEADLINE 2 clickt, soll der gleiche Effekt wie bei HEADLINE 1 passieren.

Ich hoffe da kann mir jemand weiterhelfen!

Danke schon einmal

[ein schlauer]

Nichts für ungut, aber hier ist ein Forum, wo Leuten bei Problemen geholfen wird, aber keine ich-wünsch-mir-was Plattform.

Also wenn du ein konkretes Problem beim verstehen deiner Javascript Dokumentation oder bei der Anwendung eines Objektes oder Funktion hast, wird dir hier bestimmt gerne geholfen. Aber so sieht es aus, als ob du einen Depp suchst, der für dich kostenlos etwas programmiert.

[Speedy19102000]

@ Neuer Neuling

Moin!
Vielleicht hilft Dir dieser Link weiter! Klick

MfG

[Neuer Neuling]

Ja super hat mir sehr geholfen!!!

DANKE