[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]

Przerób pod własne potrzeby (IMG:style_emoticons/default/smile.gif) :

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 trs = document.getElementById('test').getElementsByTagName('tr');
for(var i=0, td; td = trs[i++].getElementsByTagName('td')[1]; ){
  td.style.backgroundColor = 'red';
}

</script>