Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>show - hide</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
onload=function() {
var h3List=document.getElementsByTagName('h3');
var ulList=document.getElementsByTagName('ul');
for(var i=0; i<ulList.length; i++) {
h3List[i].style.cursor='pointer';
h3List[i].onclick=function() {toggle(this);}
ulList[i].style.display='none';
}
}
function toggle(obj) {
var ulList=document.getElementsByTagName('ul');
for(var i=0; i<ulList.length; i++) {
ulList[i].style.display='none';
}
var sibling;
if(obj.nextSibling.nodeType==3) {
sibling=obj.nextSibling.nextSibling;
}
else {
sibling=obj.nextSibling;
}
sibling.style.display=(sibling.style.display=='block')? 'none' : 'block';
}
//-->
</script>
</head>
<body>
<h3>player 1</h3>
<ul>
<li>age:</li>
<li>weight:</li>
</ul>
<h3>player 2</h3>
<ul>
<li>age:</li>
<li>weight:</li>
</ul>
<h3>player 3</h3>
<ul>
<li>age:</li>
<li>weight:</li>
</ul>
</body>
</html>
At least 98% of internet users' DNA is identical to that of chimpanzees
Reply With Quote
Bookmarks