<!DOCTYPE html>
<html>
   <title>Menü mit Akkordeon</title>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <style> /*Generelle Styleangaben*/
         body { 
         font-family: Angsana,Calibri,Arial; 
         display:block; 
         background-color:#fff;
         text-align:justify;
         font-size:12pt;
         vertical-align:middle;
         margin-right:20px;
         max-width:800px;
         min-width:400px;
         width:45%;
         }
         .links {
         width: 75%;
         float: left;
         padding: 20px;
         }
      </style>
      <script> 
         function show(id) {                         /*id steuert, welcher Text angezeigt wird*/
             if(document.getElementById) {
                 var mydiv = document.getElementById(id);
                 mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
             }
         }
      </script>
   </head>
   <body>
      <div class="links">
         <h1>Menü mit Akkordeon</h1>
         <!-- Menülösung Akkordeon mit mehreren Einrückungen  -->
         Es können beliebig viele Blöcke definiert werden.  Jeder Block erhält seine eigene ID.
         Es können auch beliebig viele Untermenus definiert werden.
         <br />
         Beim Klick auf den ersten (und einzigen Link) öffnet sich ein Menü mit 4 Unterpunkten.
         <br /> 
         Die letzten beiden Menüpunkte führen zu Untermenüs.
         <br /> 
         <ul>
	<!-- target kann beliebig sein -->
	<!--tabindex steuert die Einrückung -->
	<!-- id steuert, welcher Text angezeigt wird -->
         <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/index.pdf"   target="iframe_a"  
            onclick="javascript:show('Astrophysik'); return false">2. Semester - Astrophysik 
         <strong style="color:red">&#11142; enthält mehrere Untermenüs</strong></a>
         <div style="display: none" id="Astrophysik">
            <ul>
               <!-- Tabindex steuert die Einrückungen -->
               <li tabindex="-1"> <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/index.pdf" target="iframe_a">Überblick <strong 	style="color:green">&#11106;direkt zum Dokument</strong></a></li>
               <li tabindex="-1"> 
                  <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/0-Einleitung.pdf" target="iframe_a">Einleitung 	<strong style="color:green">&#11106;direkt zum Dokument</strong></a>
               </li>
               <li><a href="" onclick="javascript:show('Physik');return false">
                  Physikalische Grundlagen <strong style="color:red">&#11142; enthält mehrere 	Untermenüs</strong></a> 
               </li>
               <div style="display: none" id="Physik">
                  <ul class="subsubmenu">
                     <li tabindex="-2"> <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/1-PhysikalischeGrundlagen/1-	NewtonscheMechanik.pdf" target="iframe_a">Newton'sche Mechanik <strong 	style="color:green">&#11106;direkt zum Dokument</strong></a></li>
                     <li tabindex="-2"> <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/1-PhysikalischeGrundlagen/2-	Relativitaetstheorie.pdf"  target="iframe_a">Relativitätstheorie <strong 	style="color:green">&#11106;direkt zum Dokument</strong></a></li>
                  </ul>
               </div>
               <li><a href="" onclick="javascript:show('Strahlung');return false">
                  Elektromagnetische Strahlung <strong style="color:red">&#11142; enthält 	mehrere Untermenüs</strong></a> 
               </li>
               <div style="display: none" id="Strahlung">
                  <ul>
                     <li tabindex="-2"> <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/2-ElektromagnetischeStrahlung/1-	Eigenschaften.pdf" target="iframe_a">Eigenschaften
                        <strong style="color:green">&#11106;direkt zum Dokument</strong></a>
                     </li>
                     <li tabindex="-2"> <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/2-ElektromagnetischeStrahlung/2-	Strahlungsaenderungen.pdf" target="iframe_a">Strahlungsänderungen
                        <strong style="color:green">&#11106;direkt zum Dokument</strong></a> 
                     </li>
                     <li tabindex="-2"> <a href="https://astronomieskripten.lima-	city.de/Astronomieskripten/Astronomie/2Semester-	Astrophysik/Studentenskripten/2-ElektromagnetischeStrahlung/3-	Linienstrahlung.pdf" 	target="iframe_a">Linienstrahlung<strong 	style="color:green">&#11106;direkt zum Dokument</strong></a> </li>
                  </ul>
               </div>
         </div>
         </ul>
      </div>
   </body>
</html>