<font face="arial" size="2">   This has absolutely nothing to do with the topic of this thread, but are there any native Spanish speakers here, and if so, did you find the URL below rather shocking?<br /><br />Distracted,<br /><br />Peter<br /><br /></font>
                <font face="Tahoma, Arial, Sans-Serif" size="2">
                                <b>From</b>: "Pitre, Russell" <a href="mailto:RPITRE@shawmut.com">RPITRE@shawmut.com</a><br /></font>
                <br />Have you looked into scriptaculous? <br /><br />http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo<br /><br />-----Original Message-----<br />From: javascript-bounces@LaTech.edu<br />[mailto:javascript-bounces@LaTech.edu] On Behalf Of Mark Kelly<br /><br />Hello.<br /><br />I have a written a simple function to toggle the visibility of a 
<div><br />that <br />is, it seems to me, behaving oddly. On divs that are initially shown,<br />the <br />function works perfectly, toggling the content visibility. On divs that <br />are initially hidden, the first click appears to do nothing but 2nd and <br />subsequent clicks work fine. The code seems to me (as a beginner to <br />javascript but not programming) to be so simple I can't imagine what I'm<br /><br />doing wrong.<br /><br />I set the initial display value explicitly by setting the div class to <br />either .shown or .hidden just to set the display property.<br /><br />Any advice is appreciated.<br /><br />Mark<br /><br />===============================================<br />JAVASCRIPT<br />===============================================<br />function toggleDiv(divID) {<br />myReference = getRefToDiv(divID);<br />if(!myReference) {<br />window.alert('Failed to get a reference to the named DIV');<br />return;<br />}<br />if(myReference.style) {<br />if(myReference.style.display != 'none') {<br />myReference.style.display = 'none';<br />} else {<br />myReference.style.display = 'inline';<br />}<br />}<br />}<br />===============================================<br />CSS<br />===============================================<br />.hidden {display : none;}<br />.shown {display : inline;}<br />===============================================<br />HTML <br />===============================================<br /><a title="show/hide this &lt;br&gt;list" onclick="toggleDiv('nav-dir-table')" href="#">Directories</a></div>