简单的点击显示、隐藏效果

开始只有头部显示，点击头部再显示出尾部。

事例效果：
<script type="text/javascript"> function show(){ if(document.getElementById("table_foot").style.display=="block"){ document.getElementById("table_foot").style.display="none"; }else{ document.getElementById("table_foot").style.display="block"; } } </script> <table border="1" width="100%"> <tr id="table_head" onclick="show()" style="cursor:pointer;"> <td align="center">头部</td> </tr> <tr id="table_foot" style="display:none;"> <td height="300" align="center" valign="middle" >尾部</td> </tr> </table>

提示：可以先在文本框内，根据需要修改代码后再运行

display="block"; 
display="none"; 
调过来就是开始都显示，然后点击头部，尾部隐藏！