Forum Moderators: open
<td> <a name="davidgover"></a>
<h3><br>
<img src="images/people/David-Gover_tn.jpg" width="56" height="56" align="left">Production Manager<br>
David Gover</h3>
<a href="#davidgover" onClick="document.all.davidgoverdetail.className='show'" onFocus="blur"><img src="images/lozenge-display.gif" name="displaybut12" border="0" id="displaybut12"></a>
<DIV class=hidden id=davidgoverdetail><A>
<p>David Gover <font size="-2">BE (forestry, hons.)</font></p>
<p>blah blah blah</p>
</a>
<div align="right"><a href="#andrewsparrow" onClick="document.all.davidgoverdetail.className='hidden'" onFocus="blur"><img src="images/lozenge-hide.gif" name="hidePerson12" border="0" id="hidePerson12"></a> </div>
</div>
</td>
Now that I look back on this I am wondering about the argumentless <a> tag around the hidden content. I created this a few months ago, and I think the <a> tag was just a kludge to make it work. I was only testing in MSIE back in those days of browser innocence.
onClick='document.getElementById("davidgoverdetail").style.display="block"'
should work or:
onClick='document.getElementById("davidgoverdetail").className="show"'
but I don't use the .classname bit myself so the second version it is only a guess.
<html>
<head>
<style type="text/css">
#idHidden{
display:none;
width:200px;
background:#abcdef;
}
</style>
</head>
<body>
<a href="#" onclick="document.getElementById('idHidden').style.display='block'">Show div</a><br/>
<a href="#" onclick="document.getElementById('idHidden').style.display='none'">Hide div</a><br/>
<div id=idHidden>
Test
</div>
</body>
</html>
