[JavaScript]Ukrywanie i odkrywanie kolumny w tabeli Opcje

[Flake]

Witam,
Muszę do istniejącej już (generowanej automatycznie) tabeli dorobić opcję z pokazywaniem i chowaniem się jednej kolumny za pomocą jednego guzika. Podejrzewam, że trzeba zmienić styl z np. display: none; na display: table-cell za pomocą JavaScript - Niestety nie mam pojęcia jak odwołać się do konkretnej kolumny za pomocą jednego guzika.

Na internecie znalazłem kilka przykładów ale wszystkie były 'statyczne' - więc odwoływały się przez ID

[HTML] pobierz, plaintext 
<style>
.doukrycia {display: none;}
</style>
 
...
 
<label><input type="submit" value="Pokaz/Ukryj kolumny" /></label>
<table border="1">
<thead>
<tr>
	<th>ID</th>
	<th class="doukrycia">Produkt</th>
	<th>Cena</th>
</tr>
</thead>
<tbody>
{foreach from=$produkty item=produkty}
<tr>
	<td>{$id}</td>
	<td class="doukrycia">{$produkt}</td>
	<td>{$cena}</td>
</tr>
{/foreach}
</tbody>
</table>
[HTML] pobierz, plaintext 

[Flake]

Prawie działa ^^ a mianowicie:

1 - mam w tabeli jeszcze th - ale to chyba można zrobić analogicznie jak z td (chyba ze jest prostszy sposób )
2 - przykład który mi podałeś działa - ale jak włączę konsole JS to mam error:

Uncaught TypeError: Cannot call method 'getElementsByTagName' of undefined