Скрипт: Прячет и показывает строчку в таблице

Данный скрипт работает только под IE.

Вот как он работает (крестик прячет, галочка показывает).

<html;>
<head;>
<script; language="javascript">
//функция прячет определенную строку
function hideRow(control)
{
 control.parentElement.style.display=(control.parentElement.style.display==""?"none":"");
}
//функция показывает все строки
function showAllRow(control)
{
 for(var i=0;i<control.rows.length; i++)
 {
  control.rows[i].style.display = "";
 }
}
//функция по выбору действия
function tableHandler(table)
{
 var control = event.srcElement;
 switch(control.id)
 {
  case "showRowContol":
       showAllRow(table);
       break;
  case "hideRowContol":
       hideRow(control);
       break; 
 }
}
</script>
</head>
<body;>
<table; border="1" width="50%" onclick="tableHandler(this)">
<tr;>
 <td; width="100%" colspan="2" id="showRowContol" style="cursor:hand;color:#00ff00" title="Показать строки">
    v
 </td>
</tr>
<tr;>
 <td; width="100%">
  Первая
 </td>
 <td; id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr;>
 <td; width="100%">
  Вторая
 </td>
 <td; id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr;>
 <td; width="100%">
  Третья
 </td>
 <td; id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr;>
 <td; width="100%">
  Четвертая
 </td>
 <td; id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
<tr;>
 <td; width="100%">
  Пятая
 </td>
 <td; id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">
   x 
 </td>
</tr>
</table>
</body>
</html>