如何触发一个事件，来控制TABLE里的某行显示或不显示？

Question

如有下面一个TABLE，想要实现，在画面上加一个按钮来控制第二行的出现或隐不出现，
如点击一下，第二行显示出来，再点消失，如何在JS里做？
高手指点
<table  border="0" class="font12" cellpadding="0" cellspacing="0">
<tr NAME="A">
   <td  align = "center"  width="100" height="25">
                  案件a
            </td>
</tr>
<tr NAME="B">
    <td  colspan="3">
                    案件b
             </td>
</tr>
</TABLE>

Answer 1

<table border="0" class="font12" cellpadding="0" cellspacing="0">
<tr NAME="A">
<td align = "center" width="100" height="25">
案件a
</td>
</tr>
<tr NAME="B" ID="B">
<td colspan="3">
案件b
</td>
</tr>
</TABLE>
<input type=button value=test onclick="fn()" /><script>
function fn(){
var obj=document.getElementById("B");
if(obj.style.display=='none')
obj.style.display='';
else
obj.style.display='none';
}
</script>

Answer 2

$("#test").toggle(function(){

      $("table tr:eq(2)").hide();
 
  },function(){
 
      $("table tr:eq(2)").show();
  });
jquery也可以，而且比较简单