[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 

[kamil4u]

Ad1. tak, zrób to analogicznie
Ad2. Nie wiem do końca dlaczego tak, ale zrób:

Kod

<style>
td{ border:1px solid black; }
</style>

<table id="test">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>

<script>
var tr = document.getElementById('test').getElementsByTagName('tr'),td;
for(var i=0; td = tr[i++]; ){
  td.getElementsByTagName('td')[1].style.backgroundColor = 'red';
}

</script>