Hi,
meinst du sowas:
http://kurzgeschichten.marcus-haas.de
das basiert aber auf :hover (CSS, und funktioniert deshalb außer beim IE auch bei abgeschaltetem Javascript), man könnte das aber umbauen, sodass es bei onclick aufklappt, dann aber nur noch mit Javascript und das könnte bei Suchrobotern schwierigkeiten machen.
Und hier der Code dazu:
Javascript:
// wird nur im IE ausgeführt
if(document.selection) {
var menu = document.getElementById('menu').getElementsByTagName('li');
for (i=0;i<menu.length;i++) {
if (menu[i].lastChild.nodeName == "UL") {
menu[i].onmouseover = function () {
this.lastChild.style.display = "block";
}
menu[i].onmouseout = function () {
this.lastChild.style.display = "none";
}
}
}
}
Alles anzeigen
CSS:
#menu{
top:6em;
left:-1em;
background-color: #fff;
}
#menu a{
margin:0;
padding:3px;
border:1px solid #d0d0d0;
border-left:3px solid #aaaaaa;
display:block;
}
#menu a:active{border-left:3px solid #ffff66}
#menu a:visited{border-left:3px solid #ffcc00}
#menu a:hover{border-left:3px solid #868686;}
#menu li{
position:relative;
list-style:none;
width:9em;
padding:0;
margin:0;
background-color: #fff;
border:2px solid #fff;
}
/*Das hir soll zunächst nicht gezeigt werden*/
#menu li ul, #menu li:hover ul ul, #menu li:hover ul li:hover ul ul{
display:none;
position:absolute;
left:6.5em;
top:-2px;
z-index:15;
}
/*für die verschachtelten Listen, wenn man darüberfährt*/
#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover ul li:hover ul li:hover ul{
display:block;
}
Alles anzeigen
HTML (statt der Ebenen müssen hier natürlich links stehen):
<ul id="menu">
[*]ebene1-1
<ul>
[*]ebene2-1
<ul>
[*]ebene4-2
[*]ebene3-2
[/list]
[*]ebene2-2
[/list]
[*]ebene1-2
[*]ebene1-3
[*]ebene1-4
[/list]
Alles anzeigen
ich hoffe das funktioniert so ad-hoc, ich habe das nämlich nicht nochmal getestet.