CSS 隐藏/显示 一列内容时出现的问题。

Question

<!DOCTYPE>

Insert title here th{ background-color:red; } td{ background-color:green; } function tagger(theclass){ var var1 = new Array(); var1 = document.getElementsByTagName('*'); for (var i=0; i<var1.length; i++) { if (var1[i].className.indexOf(theclass) != -1) { if (var1[i].style.display=="block") { var1[i].style.display="none"; } else { var1[i].style.display="block"; } } } }

姓名	学号	成绩
ryan	1001	100
alion	1002	95
petter	1003	90

以上代码实现了 点击按钮，对应的列会隐藏/显示。 但是点击第2个button 再次显示列内容的时候，该列的th 会和点击第1个button显示的列的th上下重叠在一起，求解！