   [web] *cries* I hate web dev!!!
  mommy make the bad man stop!Finally after a few hours I managed to get what I wanted done, with absolutely no thanks to anyone supporting &#106avascript. Seriously, where do these people put their documentation and references? it was even a PITA to find info in MSDN which completely amazed me since I usually trust MSDN to supply info as long as I search for it right.Well I managed to finally get done what I wanted to do, and I'll post the source code just so that I can feel as if my frustration had more worth to it :pAll I wanted to do was create a dynamic menu, and use an image for the '+' and '-' signs(expanded or contracted states).<!--HTML file///////////////////// --><html xmlns="http://www.w3.org/1999/xhtml"><head><link rel="Stylesheet" href="style.css" /><title></title><script type="text/javascript" src="scripts.js"></script><script type="text/javascript"><!--if(!document.getElementById)   document.write('<style type="text/css"><!--\n'+ '.dspcont{display:block;}\n'+ '//--></style>');//--></script><noscript><style type="text/css"><!--.dspcont{display:block;}//--></style></noscript></head><body><h1>    <a href="javascript:void(0)" class="dsphead" onclick="dsp(this)">   <span class="dspchar"><img src="add.png" /></span>heading</a></h1>   <div class="dspcont">section</div><h1><a href="javascript:void(0)" class="dsphead"   onclick="dsp(this)">   <span class="dspchar"><img src="add.png" /></span> heading</a></h1>   <div class="dspcont"> <h2><a href="javascript:void(0)" class="dsphead"    onclick="dsp(this)">    <span class="dsphead"><img src="add.png" /></span> heading</a></h2>    <div class="dspcont">section</div> <h2><a href="javascript:void(0)" class="dsphead"    onclick="dsp(this)">    <span class="dspchar"><img src="add.png" /></span> heading</a></h2>    <div class="dspcont">section</div>   </div></body></html>////JS file/////////////////////// JScript source codefunction dsp(loc){   if(document.getElementById){ var foc=loc.firstChild; foc=loc.firstChild.innerHTML?loc.firstChild:loc.firstChild.nextSibling; var attrSrc = foc.firstChild.getAttribute('src'); if (attrSrc == 'add.png')   attrSrc = 'delete.png'; else   attrSrc = 'add.png';    foc.firstChild.setAttribute('src',attrSrc); foc=loc.parentNode.nextSibling.style?loc.parentNode.nextSibling:loc.parentNode.nextSibling.nextSibling; foc.style.display=foc.style.display=='block'?'none':'block';}}  ///////CSS file////////////////////////a.dsphead{   text-decoration:none;   margin-left:1.5em;}a.dsphead:hover{   text-decoration:underline;}a.dsphead span.dspchar{   font-family:monospace;   font-weight:normal;}.dspcont{   display:none;   margin-left:1.5em;}   most of this code was referenced from here