Coder Forum

JavaScript Code

function toggle(obj) {
	var el = document.getElementById(obj);
		if ( el.style.display != 'none' ) {
				el.style.display = 'none';
		} else {
				el.style.display = 'inline';
		}
}

HTML Code

<div id="menu">
	<ul>
    			<li><A HREF="kontakt.html" TARGET="inhalt">Startseite</A></li>
    			<li><A HREF="person.html" TARGET="inhalt">Zur Person</A></li>
  		</ul>
  		<ul>
			  		<li><A HREF="#" onclick="toggle('lehre');">Lehre</A></li>
    			<ul id="lehre">
      				<li><a href="lehre.html#vorst_lehre" target="inhalt">Vorstellungen zur Lehre</a></li>
      				<li><a href="lehre.html#vorst_lehre" target="inhalt">Lehrveranstaltungen im Wintersemester 2007</a></li>
			<li><a href="lehre.html#hinw_ws" target="inhalt">Hinweise f&uuml;r das Wintersemester 2007/2008</a></li>
      				<li><a href="lehre.html#vorst_lehre" target="inhalt">Bisherige Lehrveranstaltungen</a></li>
      				<li><a href="schriftliche_arbeiten.pdf" target="_blank">Verfassung von schriftlichen Arbeiten (Download)</a></li>
    			</ul>
  		</ul>
  		<ul>
    			<li><a href="#" onclick="toggle('praktika');">Betreuung von Praktika und Abschlussarbeiten</a></li>
    			<ul id="praktika">
      				<li><a href="praktika.html">laufende und abgeschlossene Abschlussarbeiten u.a. zu folgenden Themen</a></li>
      				<li><a href="praktika.html">Vermittlung von Praktika im Bereich Controlling</a></li>
    			</ul>
  		</ul>
  		<ul>
    			<li><a href="aufgaben.html" target="inhalt">Aufgaben im Studienbetrieb / weitere Funktionen und Mitgliedschaften</a></li>
  		</ul>
  		<ul>
    			<li><a href="#" onclick="toggle('akademisch');">Akademische T&auml;tigkeiten</a></li>
    			<ul id="akademisch">
      				<li><a href="akademisch.html#" target="inhalt">Forschungsinteressen und Forschungsprojekte</a></li>
      				<li><a href="akademisch.html#" target="inhalt">Forschungsf&ouml;rderung</a></li>
      				<li><a href="akademisch.html#" target="inhalt">Ausgew&auml;hlte Ver&ouml;ffentlichungen und Vortr&auml;ge</a></li>
      				<li><a href="akademisch.html#" target="inhalt">Mitgliedschaften/Arbeitskreise</a></li>
    			</ul>
  		</ul>
	</div>

Cascading Style Sheets

#menu ul, li{
	list-style-type:none;
}
 
#menu #lehre, #praktika, #akademisch {
  	display:none;
}

JavaScript Code

function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'block' ) {
		el.style.display = 'block';
	}	else {
		el.style.display = 'none';
	}
}