javascript 实现数据表格显示的展开与折叠

<script   language="javascript">  
  function   ShowTableRow(id)
 
  { 
  var _Row = document.getElementById(id)   <!-- 获取ID为TableRowID 的对象 -->
  var _Img = document.getElementById("Img"+id)
 
  <!--alert(_Img)-->
 
  if(_Row.style.display=="none")  
     {
       _Row.style.display="";  
       _Img.src="arrowUP.gif";
     }
  else  
     {
       _Row.style.display="none";  
       _Img.src="arrowDOWN.gif";
     }
  }  
 
  </script>  
*******************************
asp/jsp 页面: 设置对象的 ID
.......................
       <td width="14%" bgcolor="#ecfaff" ><div align="center"><img src="arrowDOWN.gif" id="Img<%=num%>" onClick="ShowTableRow(<%=num%>)"></div></td>
     <td width="12%" bgcolor="#ecfaff" class="style11"></td>
 
 </tr>
   
   
<!------ 展开/折叠***** 行-- 出厂流向 -->
   
    <tr class="style11" bgcolor="#66CC99">
    <td  colspan="7">
        <div id=<%=num%>  style="display:none" >
     <table width="73%" border="0" align="center" cellpadding="0" cellspacing="1" >
     
     <%
   '-- 根据RS1结果，动态画表格
  sql1="SELECT ORG_CODE,ORG_NAME, count(*) as OUTNUM1 from  "
  sql1=sql1+" ciginfo where substring(barcode,3,6)='"+ppdm+"' and