Visa dölj lager i mozilla...

function visa(layer) {
if(layer.style.display=='none'){
	layer.style.display=''
} else {
	layer.style.display='none'
}
}

-

<DIV id="menu" style="display: none; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu...</div>

-

<A href="#" onclick="visa(menu)">visa</a>

Funkar inte i mozilla.. men i IE

Det är för att IE är så mycket mer förlåtande för felaktig kod :)

<script language="JavaScript" type="text/javascript">
function visa(layer) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
	} else {
		layer.style.visibility='hidden';
	}
}
</script>
<DIV id="menu" style="visibility: hidden; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu...</div>
<A href="#" onclick="visa(document.getElementById('menu'))">visa</a>

Lager visar/gömmer du genom att byta värde på egenskapen visibility. Sedan bör du skicka med en riktig objekt-referens, som i detta fall med getElementById()

Nu är det såhär att jag har ett lager som man kan öppna i det första lagret som man kan klicka fram. Problemet är att det andra lagret inte försvinner när man stänger den första. Går dett lösa på något sätt?

<script language="JavaScript" type="text/javascript">
function visa(layer,child) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
		if(child){ child.style.visibility='visible'; }
	} else {
		layer.style.visibility='hidden';
		if(child){ child.style.visibility='hidden'; }
	}
}
</script>
<DIV id="menu" style="visibility: hidden; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu...</div>
<DIV id="menu2" style="visibility: hidden; Z-INDEX: 2; LEFT: 30px; POSITION: absolute; BOTTOM: 27px">menu2...</div>

<A href="#" onclick="visa(document.getElementById('menu'),document.getElementById('menu2'))">visa</a>

Men nu visar den menu och menu2 direkt. Menu2 ska man öppna med hjälp av en länk i menu och sedan när man stänger menu ska den försvinna

+ att man kan bara öppna en "<div>" med menu.. Öpnnar men en till stängs den gamla ner

<script language="JavaScript" type="text/javascript">
function visa(layer,child) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
	} else {
		layer.style.visibility='hidden';
		if(child){ child.style.visibility='hidden'; }
	}
}
</script>
<DIV id="menu" style="visibility: hidden; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu... <A href="#" onclick="visa(document.getElementById('menu2'))">visa</a></div>
<DIV id="menu2" style="visibility: hidden; Z-INDEX: 2; LEFT: 90px; POSITION: absolute; BOTTOM: 25px">menu2...</div>

<A href="#" onclick="visa(document.getElementById('menu'),document.getElementById('menu2'))">visa</a>

Koden borde inte vara så svår, så du kan prova dig fram till olika effekter.