Witam - mam taki kod HTML:

[HTML] pobierz, plaintext 
<input type="submit" value="Ukryj"  onclick="ukryj()"/><input type="submit" value="Odkryj"  onclick="odkryj()"/>
<table id="test" cellpadding="0" cellspacing="0">
<tr><th width="100">1</th><th style="display: none" width="100">2</th><th width="100">3</th></tr>
 
<tr>
	<td width="100">1</td>
	<td style="display: none" width="100">
2
	</td>
	<td width="100">		<table cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td>produkt</td>
				<td>1 szt.</td>
			</tr>
		</table></td>
</tr>
<tr>
	<td width="100">1</td>
	<td style="display: none" width="100">
2
	</td>
	<td width="100">		<table cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td>produkt</td>
				<td>1 szt.</td>
			</tr>
		</table></td>
</tr>
<tr>
	<td width="100">1</td>
	<td style="display: none" width="100">
2
	</td>
	<td width="100">		<table cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td>produkt</td>
				<td>1 szt.</td>
			</tr>
		</table></td>
</tr>
</table>
[HTML] pobierz, plaintext 

oraz funkcje w JavaScript do niego:

[HTML] pobierz, plaintext 
<script>
 
function ukryj() {
var tr = document.getElementById('test').getElementsByTagName('tr'),td;
 
for(var i=1; td = tr[i++]; ){
	td.getElementsByTagName('td')[2].style.display = 'none';
	}
 
	th = tr[0];
	th.getElementsByTagName('th')[2].style.display = 'none';
}
 
function odkryj() {
var tr = document.getElementById('test').getElementsByTagName('tr'),td;
 
for(var i=1; td = tr[i++]; ){
  td.getElementsByTagName('td')[2].style.display = 'table-cell';
	}
 
	th = tr[0];
	th.getElementsByTagName('th')[2].style.display = 'table-cell';
}
 
</script>
[HTML] pobierz, plaintext 

I teraz moje pytanie: Jak ograniczyć funkcję aby działała tylko na główną (dużą) tabele a nie na tabelkę zagnieżdżoną? Przez to gdy kliknę UKRYJ znika mi tylko pierwsza komórka pierwszego wiersza - a powinna znikać cała kolumna.