asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript" type="text/javascript">
var curr=null;

function initFaq(){
  var faq=document.getElementById("faq");
  var hs=faq.getElementsByTagName("h5");
  var ps=faq.getElementsByTagName("p");
  for (var i=0;i<hs.length;i++){
    hs[i].onclick=function(){
      if (curr!=null)
        curr.nextSibling.style.display='none';
      var s=this.nextSibling.style;
      s.display=((s.display=='none')?'':'none');
      if (s.display!='none')
        curr=this;
      else
        curr=null;
    }
    hs[i].style.cursor='pointer';
    ps[i].style.display='none';
 
  }
}
</script>
</head>
<body onload="initFaq()">
<ul id="faq">
  <li>
    <h5>问题1</h5>
    <p>答:1略略略略略略略略略略略略略略略略略略略略略略略略略略</p>
  </li>
  <li>
    <h5>问题2</h5>
    <p>答:2略略略略略略略略略略略略略略略略略略略略略略略略略略</p>
  </li>
  <li>
    <h5>问题3</h5>
    <p>答:3略略略略略略略略略略略略略略略略略略略略略略略略略略</p>
  </li>
  <li>
    <h5>问题4</h5>
    <p>答:4略略略略略略略略略略略略略略略略略略略略略略略略略略</p>
  </li>
</ul>
</body>
</html>

posted on 2006-12-22 16:13 汪杰 阅读(1600) 评论(1)  编辑 收藏 引用 所属分类: Dhtml DOm

FeedBack:
# re: 显示隐藏nextSibling.style.display
2006-12-23 09:06 | 汪杰
function initiate() {
var ahead=null;
var h5=document.getElementsByTagName("h5");
var p=document.getElementsByTagName("p");
for(var i=0;i<h5.length;i++) {
h5[i].onclick=function() {
if(ahead&&ahead!=this) ahead.nextSibling.style.display="none";
this.nextSibling.style.display=this.nextSibling.style.display=="none"?"":"none";
if(this.nextSibling.style.display=="") ahead=this;
else ahead=null;
}
h5[i].style.cursor="pointer";
p[i].style.display="none";
}
}
</script>  回复  更多评论
  
只有注册用户登录后才能发表评论。

<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 466814
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜