Darkmatter5 Posted March 26, 2009 Share Posted March 26, 2009 Here's my code that works, but isn't doing quite what I'm wanting. function helpcontents(divid){ if(document.getElementById(divid).style.display == 'none'){ document.getElementById(divid).style.display = 'block'; } else{ document.getElementById(divid).style.display = 'none'; } } Here's the HTMl code <a href="javascript:;" onmousedown="helpcontents('G1')">General site introduction</a> <a href="javascript:;" onmousedown="helpcontents('A1')">Admin introduction</a> <div id="G1" style="display: block;"> <span class="help_title_text">General</span> <p> Welcome to V.E.I.N. or Video Entertainment Interactive Network! </div> <div id="A1" style="display: none;"> <span class="help_title_text">Administrative</span> <p> As an administrator of V.E.I.N. you will be expected to provide a good example of the sites standards. </div> I'm wanting all divs to collapse except for the div name passed to the function. How can I do that? Quote Link to comment Share on other sites More sharing options...
Psycho Posted March 26, 2009 Share Posted March 26, 2009 Put all the help divs within a container div and use the function below <html> <head> <script type="text/javascript"> var divList = new Array(); function helpcontents(divid) { helpDivs = document.getElementById('helpDivList'); // alert(helpDivs.childNodes.length); for (var i=0; i<helpDivs.childNodes.length; i++) { if(helpDivs.childNodes[i].id) { helpDivs.childNodes[i].style.display = (helpDivs.childNodes[i].id==divid) ? 'block' : 'none'; } } } </script> </head> <body> <a href="javascript:;" onmousedown="helpcontents('G1')">General site introduction</a> <a href="javascript:;" onmousedown="helpcontents('A1')">Admin introduction</a> <div id="helpDivList"> <div id="G1" style="display: block;"> <span class="help_title_text">General</span> <p> Welcome to V.E.I.N. or Video Entertainment Interactive Network! </div> <div id="A1" style="display: none;"> <span class="help_title_text">Administrative</span> <p> As an administrator of V.E.I.N. you will be expected to provide a good example of the sites standards. </div> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.