如何实现表中表格的点击隐藏和再点击打开？望高手指教，谢谢！

[yueyang]

例如这个表：
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</table>

就是设置一个按钮或者连接来触发JS代码，实现隐藏第一行的3和4表格以及第二行的c和d表格，再点击则显示隐藏的内容并将第一行的1和2表格以及第二行的a和b表格隐藏，该如何实现？望高手指教！

[mrshelly]

http://www.blogbus.com/blogbus/blog/diary.php?diaryid=157389

[yueyang]

上面这个似乎强的过火了，可否针对我的问题给个例子？

[LxcJie]

<table id=table1>
<tr>
<td id=t1>1</td>
<td id=t1>2</td>
<td id=t2>3</td>
<td id=t2>4</td>
</tr>
<tr>
<td id=t1>a</td>
<td id=t1>b</td>
<td id=t2>c</td>
<td id=t2>d</td>
</tr>
</table>
<input type=button onclick=test() value=test>
<SCRIPT LANGUAGE="JavaScript">
var tag = true;
function test()
{
var arrTd1 = document.all.t1;
var arrTd2 = document.all.t2;
if(tag)
{
for(var i=0; i<arrTd1.length; i++)
arrTd1[i].style.display = "none";
for(var i=0; i<arrTd2.length; i++)
arrTd2[i].style.display = "";
tag = false;
}
else
{
for(var i=0; i<arrTd1.length; i++)
arrTd1[i].style.display = "";
for(var i=0; i<arrTd2.length; i++)
arrTd2[i].style.display = "none";
tag = true;
}
}
</SCRIPT>

[yueyang]

非常感谢，结帖给分。