Close layer
Jeg har dette, men vil gerne have at Alle åbne layers lukker inden et nyt åbnes, så den ikke skriver over i hinanden.Har forsøgt med close funktionen i onclick men det virker ikke ? Hvad gør jeg ?
<HTML>
<HEAD><TITLE> Fadeeffekt på layer </TITLE>
<SCRIPT src="browserdetektion.js"></SCRIPT>
<SCRIPT type="text/javascript">
var i=0;
var step=5;
var speed=20;
var loop=false;
var pause=10;
function fadeUp(element) {
if (IE5) document.getElementById(element).filters.alpha.opacity = i;
if (N6) document.getElementById(element).style.MozOpacity = i + '%';
window.status = 'Opacity: '+i+'%';
if (i<100) { i=i+step; setTimeout('fadeUp("'+element+'")',speed) }
else if (loop) setTimeout('fadeDown("'+element+'")',pause);
}
function fadeDown(element) {
if (IE5) document.getElementById(element).filters.alpha.opacity = i;
if (N6) document.getElementById(element).style.MozOpacity = i + '%';
window.status = 'Opacity: '+i+'%';
if (i>0) { i=i-step; setTimeout('fadeDown("'+element+'")',speed) }
else if (loop) setTimeout('fadeUp("'+element+'")',pause);
}
function close() {
document.getElementById('portofolio').style.visibility="hidden";
}
</SCRIPT>
<STYLE type="text/css">
#portofolio { filter:alpha(opacity=0);-moz-opacity: 0%; POSITION: absolute;}
#contact { filter:alpha(opacity=0);-moz-opacity: 0%; POSITION: absolute;}
#about { filter:alpha(opacity=0);-moz-opacity: 0%; POSITION: absolute;}
#controls {top:400px; POSITION: relative; }
BODY { background-color:white;color:black;font-family:verdana;font-size:10pt }
</STYLE>
</HEAD>
<BODY>
<div id="controls">
<a href="#" onclick="fadeUp('portofolio');">portofolio</a><br>
<a href="#" onclick="fadeUp('contact');">contact</a><br>
<a href="#" onclick="fadeUp('about');">about</a><br>
<br>
<a href="#" onclick="fadeDown('portofolio')">close portofolio</a><br>
<a href="#" onclick="fadeDown('contact')">close contact</a><br>
<a href="#" onclick="fadeDown('about')">close about</a><br>
</div>
<div id="portofolio">Portofolio layer</div>
<div id="contact">Contact layer</div>
<div id="about">About layer </div>
</BODY>
</HTML>
