Meget grimt eksempel ... skal nok laves lidt ved de styles :)
- men er det sådan noget du mente?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/JavaScript">
var curt="";
var curi="start";
function toggle(ctarget,cinfo){
if(ctarget!=0){
if(curt!=""){
tn=document.getElementById("sub"+curt);
tn.style.display=(tn.style.display=="none")?"block":"none";
}
if((curt!=ctarget)&&(ctarget!=-1))document.getElementById("sub"+ctarget).style.display="block";
curt=(ctarget!=-1)?ctarget:"";
}
if(cinfo!=0){
if(curi!=""){
tn=document.getElementById("info"+curi);
tn.style.display=(tn.style.display=="none")?"block":"none";
}
document.getElementById("info"+cinfo).style.display="block";
curi=cinfo;
}
}
</script>
<style type="text/css">
#outer{width:770px;margin:0px auto;}
a{color:#000;}
#menu{float:left;background:#00f;width:140px;}
#menu a{width:137px;display:block;border:1px solid #000;padding:3px;margin:5px;text-decoration:none;}
#produkter{padding:5px;float:right;width:590px;background:#f00;}
#produkter div{display:none;width:100%;margin:-5px 0px;}
#produkter div.showr,#menu div.showr{display:block;}
a.submenu{background:#ff0;}
</style></head>
<body><div id="outer">
<div id="menu">
<a href="#" onclick="toggle(-1,'start');return false;">Vis hoved info</a>
<a href="#" onclick="toggle(1,0);return false;" class="submenu">Vis undersider 1</a>
<div id="sub1" style="display:none">
<a href="#" onclick="toggle(0,1);return false;">Produkt visning 1</a>
<a href="#" onclick="toggle(0,2);return false;">Produkt visning 2</a>
<a href="#" onclick="toggle(0,'tester');return false;">Produkt visning tester</a>
</div>
<a href="#" onclick="toggle('jeps',0);return false;" class="submenu">Vis undersider jeps</a>
<div id="subjeps" style="display:none">
<a href="#" onclick="toggle(0,'yes');return false;">Produkt visning yes</a>
<a href="#" onclick="toggle(0,'niks');return false;">Produkt visning niks</a>
<a href="#" onclick="toggle(0,3);return false;">Produkt visning 3</a>
</div>
<a href="#" onclick="toggle(-1,4);return false;">Produkt visning 4</a>
<a href="#" onclick="toggle(-1,'sport');return false;">Sports produkter</a>
</div>
<div id="produkter" style="float:right">
<div id="infostart" class="showr">Start info</div>
<div id="info1">Produkter 1</div>
<div id="info2">Produkter 2</div>
<div id="infotester">Produkter tester</div>
<div id="infoyes">Produkter yes</div>
<div id="infoniks">Produkter niks</div>
<div id="info3">Produkter 3</div>
<div id="info4">Produkter 4</div>
<div id="infosport">Sports produkter</div>
</div>
</div></body></html>
