<style type="text/css">
dl {
font-family: Tahoma, sans-serif;
font-size: 11px;
border: 1px solid #D4D0C7;
}
dl dt {
padding: 3px 10px;
font-weight: bold;
background-color: #D4D0C7;
}
dd ul {
margin: 0;
padding: 0;
}
dd ul li {
margin: 0;
padding: 0;
}
dd dl {
margin: 0;
padding: 0;
border: 0;
}
dd dt {
margin: 0;
padding: 0;
background: transparent;
}
</style>
<script type="text/javascript">
function init() {
var dspl = 1;
dls = document.getElementsByTagName('dl');
for(i=0; i<dls.length; i++) {
if(dls[i].className == 'menu') {
dts = dls[i].getElementsByTagName('dt');
for(j=0; j<dts.length; j++) {
if(dts[j].parentNode.className == 'menu') {
dts[j].onclick = new Function("toggle(this)");
dts[j].style.cursor = 'pointer';
}
}
dds = dls[i].getElementsByTagName('dd');
for(j=0; j<dds.length; j++) {
if(dspl != 1) {
dds[j].style.display = 'none';
}
}
}
}
}
function toggle(obj) {
dds = obj.parentNode.getElementsByTagName('dd');
for(i=0; i<dds.length; i++) {
if(dds[i].style.display == 'none' && obj.parentNode.className == 'menu') {
dds[i].style.display = 'block';
} else {
dds[i].style.display = 'none';
}
}
}
onload = init;
</script>
<dl class="menu">
<dt>Datei und Ordneraufgaben</dt>
<dd>
<ul>
<li>Neuen Ordner erstellen</li>
<li>Ordner im Web veröffentlichen</li>
<li>Ordner freigeben</li>
</ul>
</dd>
</dl>
<dl class="menu">
<dt>Andere Orte</dt>
<dd>
<ul>
<li>Desktop</li>
<li>Gemeinsame Dokumente</li>
<li>Arbeitsplatz</li>
<li>Netzwerkumgebung</li>
</ul>
</dd>
</dl>
<dl class="menu">
<dt>Details</dt>
<dd>
<dl>
<dt>Eigene Dateien</dt>
<dd>Systemordner</dd>
</dl>
</dd>
</dl>
