debugging script
Posted: Mon Oct 25, 2004 4:39 pm
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.
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)
{d = document.getElementById(ref);
d.style.display=='block' ? d.style.display='none' : d.style.display='block';}
var img=0;
function si(ref){
d=document.getElementById(ref);
if(img==0){img=1;
d.src='collapsebtn2.gif';}
else{img=0;
d.src='expandbtn2.gif';}}
</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>