Navi hilfe

[suit]

was hab ich den jetzt falsch gemacht

Das jQuery-JavaScript fehlt - ohne jQuery keine jQuery-Methoden.
Am besten du liest dir das Getting Started kurz durch (zumindest Punkt 1 und 2).

Dann solltest du deine Funktion überhaupt ausführen - üblicherweise geschicht das Event, welches deine Funktion überhaupt ausführt. Notiere nach deiner Funktion

$(document).ready(  
  function() {  
    // auszuführenden Funktionen wenn das DOM fertig ist  
    navigation();  
  }  
);

Prüfe ob jQuery überhaupt läuft.

Führe also sowas in die Richtung aus um zu sehen ob du überhaupt am richtigen Element bist.

$('#navigation').css('border', '5px solid red');

Bereinige deinen Code, aussehen sollte das html etwa so:

<div id="navigation">  
  <ul>  
    <li>foo</li>  
    <li>bar  
      <ul>  
        <li>2 foo</li>  
        <li>2 bar</li>  
        <li>2 baz</li>  
      </ul>  
    </li>  
    <li>baz</li>  
    <li>qux  
      <ul>  
        <li>3 foo</li>  
        <li>3 bar</li>  
        <li>3 baz</li>  
      </ul>  
    </li>  
  </ul>  
</div>

Anm.: das div-Element rundherum ist nicht notwendig, aller die id kann direkt in das äusserste ul-Element eingetragen werden. der jQuery-Selektor muss dann allerdings auf '#navigation li' angepasst werden und gilt sommit für alle li-Element in der navigation, nicht nur jene die Kinder von ul-Elementen sind. In gemischten ul/ol-Navigationlisten kann das ggf nicht gewünscht sein.

Mein fehler - natürlich willst du den z-index des li-elements manipulieren, nicht eines ul-Elements innerhalb eines li-Elements.