Einbindung klappt, aber Reihenfolge stimmt noch nicht

[Gunther]

Hallo!

Ich kann dir bei deinem aktuellen Problem nicht helfen, aber ...

Warum bastelst du das Menü clientseitig mit Javascript zusammen? Was wenn JS deaktiviert ist?
"Normalerweise" erledigt man so etwas serverseitig bspw. per PHP.

Und nicht, wie beabsichtigt:

Rüstzeug

Aus Stoff

  Für den Kopf  
  Für den Oberkörper  
  Für die Arme  
  Für die Beine  
  Sonstiges  

Aus Leder

  Für den Kopf  
  Für den Oberkörper  
  Für die Arme  
  Für die Beine  
  Sonstiges  

Aus Metall

  Für den Kopf  
  Für den Oberkörper  
  Für die Arme  
  Für die Beine  
  Sonstiges  

  
Bei der gewünschten Struktur teilst du deine Menüpunkte in 2 Arrays auf (Oberpunkte + Unterpunkte). Anschließend durchläufst du das Array mit den Oberpunkten und zu jedem Punkt zusätzlich das Array mit den Unterpunkten.  
  
Das vorliegende Beispiel ist für mich aber auch der "klassische" Fall, wo sich Select Auswahllisten anbieten würden:  
  
1\. Material         2. Körperteil  
   Stoff               Kopf  
   Leder               Oberkörper  
   Metall              Arme  
                       Beine  
  
Dann bräuchtest du nur jede Auswahlliste jeweils mit den Inhalten aus dem entsprechenden Array zu befüllen. Und da du ja eh auf JS zu setzen scheinst, kannst du die entsprechenden Inhalte per AJAX laden.  
  
  
Gruß Gunther