如何实现JavaScript控制表单元素显示同时隐藏

下边代码，当选中第一大类后，会显示隐藏的第一大类下级内容，选择第二大类同样效果,但以显示的隐藏内容 不隐藏起来了，
怎么才能实如：显示第二大类隐藏内容的同时隐藏第其它所有以显示的隐藏内容呀！
那位给改改谢谢了。

代码如下：

<script type="text/javascript">
function Show(divId){
document.getElementById(divId).style.display='block';
}
function Hide(divId){
document.getElementById(divId).style.display='none';
}
</script>

<tr>
<td>大类</td>
<td>
<form name="form1" method="post" action="">
<input type="radio" name="1" value="1" id="1" onclick="Show('h1')" > 第一大类
<input type="radio" name="1" value="2" id=1" onclick="Show('h2')" > 第二大类
</td>

</tr>
<tr id="h2" style="background:red;display:none" >
<td>第一大类下</td>
<td><label>
<input type="radio" name="2" value="1" id="2" >11 <br/>
<input type="radio" name="2" value="2" id="2">12 <br/>
<input type="radio" name="2" value="3" id="2">13 <br/>
</td>
</tr>

<tr id="h2" style="background:red;display:none" >

<td>第二大类下</td>
<td><label>
<input type="radio" name="3" value="1" id="2" >21 <br/>
<input type="radio" name="3" value="2" id="2">22 <br/>
<input type="radio" name="3" value="3" id="2">23 <br/>
</td>
</tr>

用一个全局变量记录上一次显示的div
var a=8;//用来判断是不是第一次，因为第一次没有上一次
接下来每显示一次
if(a!=8){a.style.display="none";}
并且保存这一次的，以供下次隐藏
a=divId;