Page 1 of 1

debugging script

Posted: Mon Oct 25, 2004 4:39 pm
by CreativeForce
i need some help debugging this script.

you'll quickly see that the images get mixed up, how do i fix that?

i also wish to add some functionality such as: when I click on Link1 then I click on link2, link1 one will collapse on click.

Code: Select all

<script>
function sh(ref)
&#123;d = document.getElementById(ref);
d.style.display=='block' ? d.style.display='none' : d.style.display='block';&#125;
var img=0;
function si(ref)&#123;
d=document.getElementById(ref);
if(img==0)&#123;img=1; 
d.src='collapsebtn2.gif';&#125; 
else&#123;img=0;
d.src='expandbtn2.gif';&#125;&#125;
</script>
<div onclick="sh('a1');si('b1')" style="cursor:pointer; cursor:hand"><img id="b1" src="expandbtn2.gif">Link1</div>
<div id=a1 style="display:none">
<div>Various link</div>
<div>Various link</div>
<div>Various link</div>
<div>Various link</div>
</div>
<div onclick="sh('a2');si('b2')" style="cursor:pointer; cursor:hand"><img id="b2" src="expandbtn2.gif">Link2</div>
<div id=a2 style="display:none">
<div>Various link</div>
<div>Various link</div>
<div>Various link</div>
<div>Various link</div>
</div>
<div onclick="sh('a3');si('b3')" style="cursor:pointer; cursor:hand"><img id="b3" src="expandbtn2.gif">Link3</div>
<div id=a3 style="display:none">
<div>Various link</div>
<div>Various link</div>
<div>Various link</div>
<div>Various link</div>
</div>