Div显示/隐藏

  <style type="text/css">            
        .myInput {}{border: 1px solid cadetblue;font-size:9pt; font-family:Tahoma,Courier New; padding-left:2px; padding-right:2px;}
        .center {}{ left:50%; top:50%; z-index:1; }  
    </style>
=================================
 <script language="javascript" type="text/javascript">
 <!--
        //显示隐藏/隐藏附件列表        
        function showDiv()
        {
            var objDiv = document.getElementById("divAnnexList");
            var objLnk = document.getElementById("lnk");
            if(objDiv=="undefined") return;
            if(objDiv.style.display=="none")
            {                
                showMenu(objLnk,objDiv);
                //objLnk.innerHTML = "隐藏附件列表";
            }
            else
            {
                hideMenu(objDiv);
                //objLnk.innerHTML = "显示附件列表";
            }
        }

        //显示附件列表        
        var outDiv;
        var outObj;
        var displayTip="隐藏附件列表";
        var hiddenTip="显示附件列表";
        function showMenu(spnobj, hdnDiv)
        {
            outDiv = hdnDiv;
            outObj = spnobj;
            outObj.innerHTML = displayTip;
            var selstyle=(hdnDiv).style;        
            var ttop  = spnobj.offsetTop;     
            var tleft = spnobj.offsetLeft; 
            var thei  = spnobj.clientHeight;
            while(spnobj=spnobj.offsetParent)
            {
                ttop +=spnobj.offsetTop;
                tleft +=spnobj.offsetLeft;
            }                
            if ((ttop+thei+4 +selstyle.offsetHeight)>(document.body.scrollTop + document.body.offsetHeight) && (selstyle.offsetHeight)<(ttop-1))
            {
                selstyle.top = ttop-1-selstyle.offsetHeight;    //超出边界时
            }
            else
            {
                selstyle.top =ttop+thei+16;
            }            
            selstyle.left = tleft;
            selstyle.zIndex=1000;   
            selstyle.display='';
        }
        
        //隐藏附件列表            
        function hideMenu(sellayer)
        {
            outObj.innerHTML = hiddenTip;
            if(sellayer!=null)
            sellayer.style.zIndex=-1;
            sellayer.style.display='none';
        
        }

        document.onclick = show;
        
        function show(e)
        { 
            if (!document.all)
            {

                var srcEl = e.srcElement? e.srcElement : e.target;                
                if (srcEl != outDiv && srcEl != outObj)
                {
                    if (outDiv && outDiv!='undefined')
                    {
                        hideMenu(outDiv);
                    }
                }
            }
            else
            {
                with(window.event)
                {
                    if (event.srcElement != outDiv && event.srcElement != outObj)
                    {
                        if (outDiv && outDiv!='undefined')
                        {
                            hideMenu(outDiv);
                        }
                    }
                }
            }
        }
   //-->
  </script>

=============================================
 <table width="100%" height="35" border="0">
         <tr>
           <td height="28"><input type="file" name="accessories2" class="myInput" size="55">
            &nbsp;<input type="button" value="上传" class="btn3_mouseout" onmouseover="this.className='btn3_mouseover'" onmouseout="this.className='btn3_mouseout'" onmousedown="this.className='btn3_mousedown'" onmouseup="this.className='btn3_mouseup'" onclick="javascript:location.replace('add_apply.jsp?actionName=InsertAccessoriesAllFile&applyid=<%= this.value("apply_id") %>');">
            &nbsp;<a id="lnk" href="#lnk" onclick="javascript:showDiv();">显示附件列表</a>
            </td>
         </tr>         
      </table>    
      
       <!--// 附件列表div -->
      <div class="center" id="divAnnexList" style="width:100%; display:none; Z-INDEX: -1; POSITION: static;">
        <table>
            <caption align="left">附件列表：<hr><caption>
            <exp:dataview id="listAccessories">
            <% 
              CommonVO vo = ( CommonVO )request.getAttribute( "listAccessories.vo" );             
            %>
            <tr>
                <td><a href="#" onclick="javascript:location.replace('framework/common/download.jsp?subject=$bigtext_subject$');">$subject$</a></td>
                <td>&nbsp;&nbsp;<a href="#" onclick="javascript:location.replace('add_apply.jsp?actionName=doDelAccessories&AccessoriesId=$bigtext_subject$');">删除</a></td>
            </tr>
            </exp:dataview>
        </table>
      </div>
       <!-- 附件列表div //-->