javascript, Visa/dölj div med bildlänk - Behöver hjälp
Hej!
Har lite problem med Java, kan väldigt lite själv men efter en tutorial skapade jag detta, men har ett stort problem: #contentDivImg visas när sidan laddas, tanken är att den skall vara dold, och genom att trycka på imageDivLink så ska den visas. Nu när sidan laddas måste jag först klicka 2 gånger på knappen så den döljs.
Här är koden:
Java
<script language="javascript">
function toggle5(showHideDiv, switchImgTag) {
var imageEle = document.getElementById(switchImgTag);
var ele = document.getElementById(showHideDiv);
if(ele.style.display == "block") {
ele.style.display = "none";
imageEle.innerHTML = '<img src="bilder/bilder/knapp_inaktiv.png">';
}
else {
ele.style.display = "block";
imageEle.innerHTML = '<img src="bilder/bilder/knapp_aktiv.png">';
}
}
</script>
CSS
#headerDivImg{
left: 573px;
top: 793px;
position: absolute;
visibility: visible;
z-index: 6;
height: 33px;
width: 71px;
}
#contentDivImg {
position: absolute;
height: 510px;
width: 1000px;
z-index: 5;
background-image: url(bilder/world_04.png);
left: 0px;
top: 164px;
}
.imageDivLink {
display: block;
width: 26px;
height: 27px;
text-indent: -99999px;
background-image: url(bilder/knapp_inaktiv.png);
background-position: bottom;
top: 500px;
margin: 50px;
}
.imageDivLink:hover {
background-position: 0 0;
}
#content {
position: absolute;
height: 1000px;
width: 1000px;
left: 0px;
top: 0px;
}
HTML
<div id="keeper">
<div id="headerDivImg">
<a id="imageDivLink" href="javascript:toggle5('contentDivImg', 'imageDivLink');"><img src="bilder/bilder/knapp_inaktiv.png"></a>
</div><div id="contentDivImg"></div>
</div>
Mycket tacksam för hjälp!