@FangOct 21.2005 — #Here's a start:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>Hide and Show</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript"> function hide(obj) { if(obj) { // open or close one var sibling=(obj.nextSibling.nodeType==3)? obj.nextSibling.nextSibling : obj.nextSibling; // Moz or IE sibling.className=(sibling.className=='expanded')? 'collapsed' : 'expanded'; } else { // close all var aDD=document.getElementsByTagName('DD'); for (var i=0;i<aDD.length;i++) { aDD[i].className='collapsed'; } } } if(document.getElementById) { window.onload=function() { hide(); var aDT=document.getElementsByTagName('DT'); for (var i=0;i<aDT.length;i++) { aDT[i].style.cursor=(document.nodeType)? 'pointer' : 'hand'; // DOM or IE5 if (aDT[i].addEventListener) { aDT[i].addEventListener('click', function() { hide(this); }, false); } else { aDT[i].onclick=function() {hide(this);} } } }; } </script>