Hauptnavigation

Die Hauptnavigation besteht aus einem div id="nav", in dem das Navigationsmenü enthalten ist. Die Navigationspunkte und ihre Ebenen bestehen nur aus Listenelementen (ul und li), die je nach Menütiefe verschachtelt werden.

   
<ul>
        <li><a href="#">Ebene
eins</a></li>
        <li><a
href="#">Ebene eins</a></li>
       
<li><a href="#" class="standort">Ebene
eins</a>
        <ul>
           
<li><a href="#">Zweite
Ebene</a></li>
            <li><a
href="#">Zweite Ebene</a></li>
         
  <li><a href="#"
class="standort">Zweite Ebene</a>
            
   <ul>
                    <li><a
href="#">Dritte Ebene</a></li>
         
          <li><a href="#">Dritte
Ebene</a></li>
                    <li><a
href="#" class="current">Dritte
Ebene</a></li>
                </ul>
     
      </li>
            <li><a
href="#">Zweite Ebene</a></li>
         
  <li><a href="#">Zweite
Ebene</a></li>
            </ul>
       
</li>
        <li><a href="#">Ebene
eins</a></li>
    
</ul>

Der Standort wird jeweils im <a> mit der Klasse "standort" markiert. Der aktuelle Menüpunkt wird mit der Klasse "current" markiert.

Ist der Nutzer auf Ebene drei wird diese also mit der Klasse "current" ausgezeichnet, die dazugehörigen Ebenen 2 und 1 sind mit der Klasse "standort" markiert.