Multiple hide/show divs, both using images

Hi. I'm trying to create a page that has two (completely independent) divs that are hidden at page load, and both use images for their show/hide links. I have code that uses an image as a link to show/hide a div, but when I tried to use it twice in the same page just by changing the id's, they both stopped working. I put this in the <head>...

<script language="javascript">
function toggle5(showHideDiv, switchImgTag) {
var ele = document.getElementById(showHideDiv);
var imageEle = document.getElementById(switchImgTag);
if(ele.style.display == "block") {
ele.style.display = "none";
imageEle.innerHTML = '<img src="example.png">';
}
else {
ele.style.display = "block";
imageEle.innerHTML = '<img src="example.png">';
}
}
</script>

...and this in the <body>...

<div id="headerDivImg">
<a id="imageDivLink"
href="javascript:toggle5('contentDivImg','imageDivLink');"<img src="example.png"></a>

Sorry I'm such a novice... How can I make this work for two different divs in the same page? Thanks!

Multiple hide/show divs, both using images

Trying to create 2 independent divs, both using images as show/hide links

floydboy

whoisgregg

floydboy

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week