Bobby

聚沙成塔 集腋成裘
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

javascript点击后展开列表代码

Posted on 2006-01-17 14:39  Bobby  阅读(2805)  评论(2编辑  收藏  举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT language=JavaScript>
function toggleLev1Div(nDivIdx){
  if ('block' == faqLev1[nDivIdx].style.display){
   faqLev1[nDivIdx].style.display = 'none';
  } else {
   faqLev1[nDivIdx].style.display = 'block';
  }
 }

 function toggleLev2Div(){
  var o = event.srcElement;

  while ("TBODY" != o.parentElement.tagName){
   o = o.parentElement;
  }

  o = o.nextSibling;

  if ('block' == o.style.display){
   o.style.display = 'none';
  } else {
   o.style.display = 'block';
  }
 }
 </SCRIPT>
</head>
<body>
<TABLE id=faqLev1 style="DISPLAY: block">
<TBODY>
  <TR>
    <TD height=25><A onclick=toggleLev2Div();> <A style="CURSOR: hand" onclick=toggleLev2Div();>+展开</A></SPAN></A></TD>
  </TR>
  <TR style="DISPLAY: none">
    <TD><TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
        <TD>显示</TD>
      </TABLE>
</body>
</html>