js 展开收起效果

                                             js 展开收起效果

实现展开收起

<script type="text/javascript">
function showOrHide(){ 
var obj_div = document.getElementById("tableList"); 
obj_div.style.display = (obj_div.style.display=='none')?'block':'none'; 
} 
</script>

<table width="96%">
<td align="center" class="fontClass">xxxxxx</td>
<td align="center" class="fontClass">xxxxxx</td>
xxxxxx
</table>

<div style="margin-top: 10px;margin-bottom: 10px;">
<a href="javascript:showOrHide()" style="font-size: 15px;">展开/收起</a>
</div>
<table width="96%" border="1" id="tableList">
   <tr style="background-color: silver;">
<td width="20%" class="fontClass">资源项名:</td>
<td width="10%" class="fontClass">数据类型:</td>
<td width="10%" class="fontClass">备注</td>
<td width="10%" class="fontClass">共享属性</td>
<td width="15%" class="fontClass">不予共享理由</td>
<td width="10%" class="fontClass">公开属性</td>
<td width="15%" class="fontClass">不予公开理由</td>
   </tr>
   <tr class="bg_white">
<td align="center" class="fontClass">组织机构代码</td>
<td align="center" class="fontClass">字符</td>
<td align="center" class="fontClass"></td>
<td align="center" class="fontClass">普通共享</td>
<td align="center" class="fontClass"></td>
<td align="center" class="fontClass">公开</td>
<td align="center" class="fontClass"></td>
   </tr>
<table>