Dölj vid klick på annan länk

3 svar · 417 visningar · startad av Asa 26 feb. 2008

AsaMedlem sedan dec. 20011 860 inlägg

Frågan26 feb. 2008 21:01#1

Jag har en kod som visas nedan med två länkar. Jag vill att det ska funka så att om jag först klickar på första länken så visas innehållet för den. Men klickar jag på nästa skall det första döljas och den andra länkens innehåll visas. Kan någon fixa min kod?

<html>
<head>
<title></title>
<script type="text/javascript">
function VisaDolj(nId) {
	var oDiv=document.getElementById(nId);
	oDiv.style.display=(oDiv.style.display=='')? "none":"";
}
</script>
</head>
<body>

	<a href="#" onClick="VisaDolj('c');return false;">Visa C</a><br>
	<div id="c" style="display:none;">C-lager<br></div>
	<a href="#" onClick="VisaDolj('d');return false;">Visa D</a><br>

	<div id="d" style="display:none;">D-lager</div>

</body>
</html>

AsaMedlem sedan dec. 20011 860 inlägg

27 feb. 2008 11:24#2

Ingen som vet eller har ork att kika på detta?

/Åsa

metalboyMedlem sedan jan. 2005953 inlägg

27 feb. 2008 11:34#3

Otestad kod:

<html>
<head>
<title></title>
<script type="text/javascript">
var visible = null;

function VisaDolj(nId) {
        if (visible) {
            	var oDiv=document.getElementById(visible);
        	oDiv.style.display="none";
        }
	var oDiv=document.getElementById(nId);
	oDiv.style.display=(oDiv.style.display=='')? "none":"";
        visible = nId;
}
</script>
</head>
<body>

	<a href="#" onClick="VisaDolj('c');return false;">Visa C</a><br>
	<div id="c" style="display:none;">C-lager<br></div>
	<a href="#" onClick="VisaDolj('d');return false;">Visa D</a><br>

	<div id="d" style="display:none;">D-lager</div>

</body>
</html>

AsaMedlem sedan dec. 20011 860 inlägg

27 feb. 2008 14:48#4

Funkade finfint :) Både i FF och IE ? Tack