Show/hide table rows

F.eks sådan:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function showHide(fRef)
{
  if(fRef.checked)
  {
    document.getElementById("td1").style.display = "block";
    document.getElementById("td2").style.display = "block";
  }
  else
  {
    document.getElementById("td1").style.display = "none";
    document.getElementById("td2").style.display = "none";
  }
}
//-->
</SCRIPT>
<input type="Checkbox" name="chBox" value="OK" onclick="showHide(this)">
<table>
<tr id="td1" style="display:none;">
  <td>Tekst1</td>
</tr>
<tr id="td2" style="display:none;">
  <td>Tekst2</td>
</tr>
<tr id="td3">
  <td>Tekst3</td>
</tr>
</table>

Kan man ikke lave et div-tag rundt om

<tr id="td1" style="display:none;">
  <td>Tekst1</td>
</tr>
<tr id="td2" style="display:none;">
  <td>Tekst2</td>
</tr>

Altså noget ala

<div id="td1" style="display:none;">
<tr>
  <td>Tekst1</td>
</tr>
<tr>
  <td>Tekst2</td>
</tr>
</div>

Det er ikke lovlig at placere et div tag der, så det kan man ikke :(
Skal så ikke kunne udtale mig om det virker alligevel, men siden vil ikke blive valideret efter HTML standarderne.

ok tak