Question

点击小图标展开隐藏表格内容代码！高分求！js或jQuery或其他能实现效果的代码都行

我有一个5行5列的表格，默认显示表格第一行，第一行最右边表格外放一个加号小图标。
希望实现的效果：点击加号小图标展开整个表格，再点击加号小图标收起表格回到默认状态！

Answer 1

建议你把第一行放在一个<thead></thead>,然后其他的放在<tbody></thody>,设置id，设置一个int 变量， 初始值为1，以这个int 变量做if判断，如果能被2整除，就隐藏thody，反之就显示thody，下面别忘记让int 变量自增长，这样应该就可以把，

追问

能不能贴代码？我初学不太懂啊

追答

大概这样，但是里面的样式需要你自己慢慢调一下

追问

我希望的是点击图标.gif文件来实现展开隐藏，但你里面都没有图标文件啊！

追答

，，，你直接放张图片在单元格就好了，那个是单元格的点击事件，，，，，，，，，，

Answer 2

<script language="javascript">
function f(a){
var obj = document.getElementById(a);
if(obj.style.display==""){
obj.style.display = "none";
}else{
obj.style.display = "";
}
}
</script>

<table >
<tr onclick="f('c');">
<td height="70" bgcolor="#00FF99">点击本行</td>
</tr>

<tr id="c">
<td height="60" bgcolor="#CC33CC"></td>
</tr>
</table>

追问

你这个是默认显示第2行的，怎么默认隐藏第2行呢？