怎样显示隐藏表单元素？

Question

<INPUT TYPE="checkbox" NAME="checkbox1" onfocus=div1.style.display='block';document.all.checkbox2.style.display='none';>
<INPUT TYPE="checkbox" NAME="checkbox2" onclick=div2.style.display='block';document.all.checkbox1.style.display='none';><div id=div1 style="display:none">
<SELECT NAME="SELECT1">
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="广东">广东</option>
<option value="广西">广西</option>
</SELECT>
<SELECT NAME="SELECT2">
<option value="广州">广州</option>
<option value="深圳">深圳</option>
</SELECT>
</div>
<div id=div2 style="display:none">
<INPUT TYPE="text" NAME="text1">
<INPUT TYPE="text" NAME="text2">
</div>