HMENU - Ebenen optisch trennen

Hallo zusammen,
habe versucht folgendes (ich hoffe einfaches) Problem zu lösen, komme aber einfach nicht weiter. Weder google, Buch oder Forum brachten mich weiter. Der Grund liegt bestimmt bei meinem Ansatz.

Ich nutze folgende Ebenen:

-Seite 1
--Seite 1.1
--Seite 1.2
-Seite 2
-Seite 3

lib.mainnav = HMENU
lib.mainnav {

   entryLevel = 0
   wrap = ......
   
   1 = TMENU
   1.expALL = 0
   1.noBlur = 1
   1.wrap = ......
   1.NO = 1
   1.NO.linkWrap = ......   

   2 = TMENU
   2.expALL = 0
   2.noBlur = 1
   2.wrap = .......
   2.NO = 1
   2.NO.linkWrap = .......
  
}

Ich arbeite rein mit CSS und habe mir ein Menü erstellt in dem Seite 1 bis Seite 3 angezeigt werden. Soweit kein Problem.

Jetzt soll, bei einem Klick auf "Seite 1", "Seite 2" oder "Seite 3", ein neues Menü erstellt werden. Momentan fügt er die neuen Links mitten in das erste menü ein. Ich brauche aber ein ganz neuen Berreich, also kein Einfügen mehr! Ich arbeite mit TemplaVoila...

Also:
#########
Seite 1
Seite 2
Seite 3
#########
Seite 1.1
Seite 1.2
#########

Bin für jede Lösung dankbar.

Gruß,
Sascha

Nachtrag: Ich brauche nur den richtigen TS code, keine css Hilfe. Wo die "..." stehen sind eigendlich css Komponenten, die ich übersichtshalber entfernt habe.

Da musst du mit zwei getrennten HMENUs arbeiten.

also ganz grob so:

lib.mainnav = COA

###erste Ebene
lib.mainnav.10 = HMENU
lib.mainnav.10{
entryLevel = 0
   wrap = ......
   1 = TMENU
   1.expALL = 0
   1.noBlur = 1
   1.wrap = ......
   1.NO = 1
   1.NO.linkWrap = ......   
}

### zweite Ebene unterhalb der gesamten ersten Ebene
lib.mainnav.20 = HMENU
lib.mainnav.20{
entryLevel = 1
   wrap = ......
   1 = TMENU
   1.expALL = 0
   1.noBlur = 1
   1.wrap = ......
   1.NO = 1
   1.NO.linkWrap = ......   

}

Grüße

Christian

Danke!!! Es funktioniert!!!

Auf die Lösung wäre ich so nicht gekommen.