<script language="JavaScript1.2">
<!--
/*Contractable Headers script- By Website Abstraction
(www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var head="display:''"
function doit(header){
var head=header.style
if (head.display=="none")
head.display=""
else
head.display="none"
}
//-->
</script>

<body>
<center><h1>Expandable Headers</h1></center>
<p>This is ideal for such things as lists of links, etc. The visitor with Internet Explorer 4.x sees only the headers, and need only click on the subject that interests him to expand that particular section. Any type of content can be hidden; here I've used a definition list and a table. A second click on the section header contracts it again. Browsers other than Internet Explorer 4.x show the contents fully expanded, so the script degrades well.</p>
<h2 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])" title="Click here to expand/contract!">Some JavaScript Links</h2>
<span style="display:none" style=&{head};>
<dl>
<dt><a href="http://developer.netscape.com/docs/manuals/communicator/jsguide4/index3.htm" target="_top">Netscape</a><dd>The official source about JavaScript
<dt><a href="http://javascriptsource.com" target="_top">The JavaScript Source</a><dd>Lots of good examples 
<dt><a href="http://www.ce.net/users/ryan/java/" target="_top">The Unofficial JavaScript Resource Center</a>
<dd>Some useful examples
<dt><a href="http://www.coolshare.com/html/" target="_top">JAVAZOO</a>
<dd>A page stuffed with JavaScript examples
<dt><a href="http://javascript.developer.com/" target="_top">Gamelan JavaScript Pages</a>
<dd>A truly excellent collection of links to JavaScript pages and collections
<dt><a href="http://www.freqgrafx.com/411/library.html">Snippet Library</a>
<dd>A fine collection of scripts
<dt><a href="http://www.geocities.com/SiliconValley/7116/">JavaScript Planet</a>
<dd>Some nice scripts
<dt><a href="http://irt.org/">IRT.ORG</a>
<dd>An excellent collection of articles and scripts.
</dl>
</span>
<h2 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])" title="Click here to expand/contract!">Some DHTML Links</h2>
<span style="display:none" style=&{head};>
<table cellspacing="10" cellpadding="2">
<tr><td><a href="http://www.microsoft.com/workshop/author/dhtml/">Microsoft's Site Builder Network<br>-Dynamic HTML</a></td>
<td><a href="http://www.dhtmlzone.com/index3.html">Macromedia's DHTML Zone</a></td></tr>
<tr><td><a href="http://developer.netscape.com/library/documentation/communicator/dynhtml/index3.htm">Dynamic HTML in Netscape Communicator</a></td>
<td><a href="http://www.erols.com/jrule/dhtml/">DHTML Demos</a></td></tr>
<tr><td><a href="http://www.insidedhtml.com/home.htm">Inside DHTML</a></td>
<td><a href="http://members.tripod.com/~dynduo/ ">The Dynamic Duo</a></td></tr>
<tr><td><a href="http://www.webreference.com/dhtml/">Dynamic HTML Lab</a></td>
<td><a href="http://webcoder.com/">WebCoder.com</a></td></tr>
<tr><td><a href="http://rapid.wrox.co.uk/webdev/BookList.asp">The Wrox Web-Developer<br>Books and Samples Page</a></td>
<td><a href="http://www.projectcool.com/developer/">Project Cool<br>Developer Zone</a></td></tr></table>
</span>
