Komplexes Collapsing Menü

Guten Morgen werte Wordpress Community,

ich brauche eure Hilfs, Tipps & Anregungen!

Konkret geht es um ein vertikales Collapsing Menü, wie etwa dass hier.

Um euch erstmal eine Vorstellung davon zu geben, was am Ende überhaupt herauskommen soll, hier mal ein paar Eckdaten:

Visueller Eindruck:


- Parentpages sollen einen Pfeil bekommen. Wenn man auf ihn Klickt fahren die Childpages aus, dies sollte unendlich Tief funktionieren. (die Parentpage wird dabei nicht aufgerufen)

- Parentpages sollen aber auch als normale Pages funktionieren. Klickt man nicht auf den Pfeil, sondern auf den Titellink kommt man zur dementsprechenden Page, ohne das das Menü ausfährt. Ist man auf dieser Page ist das Menü entsprechend ausgefahren

- Das Menü soll auch bei einem erneuten Seitenaufruf in dem Zustand bleiben, in dem der User es hatte. (Ausgefahrene Menüs sollen offen bleiben, Geschlossene geschlossen)


Jetzt zu meinen Problemen:

1. Pfeil Problem:

Da wp_list_pages mir keine Möglichkeit bietet ausserhalb des <a> ein anderes Element, wie in diesem Fall dem Pfeil, unterzubringen habe ich die Sache mit nem kleinen Hack gelöst.

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Nun habe ich neben jedem Link einen netten Pfeil.
Das Problem ist allerdings: Ich möchte dem Pfeil, sinnvoller Weise, nur bei Links sehen die auch Subpages haben. Und es soll eine Pages-mit-Childpages CSS Klasse geben.

Wie könnte ich diese Unterscheidung zwischen Normalen Pages und Pages die auch Subpages haben, treffen?

2. Zustandsübergabe

Wie würdet ihr die vom User ausgewählen Zustände (Aufgeklappt|Zugeklappt) übergeben? Wenn die Seite gewechselt wird / ein neuen Seitenaufruf entsteht. Cookie? JS? Sonstiges?



Vielen Dank im Voraus!! Ich werde das fertige Menü natürlich hier zum Download anbieten.

 

Okay,

das Speichern der Zustände mit Jquery/Cookie Plugin funktioniert soweit. Wer wissen will wie's geht => http://www.scottdarby.com/2009/06/how-to-build-persistent-expandable-collapsible-navigation-jquery-cookie-plugin/



Allerdings ist das das Pfeil-Partentpage Problem noch immer nicht gelöst.

Frage nochmal: Gibt es eine Möglichkeit zu erkennen ob ein Menüpunkt noch Subpages hat?

Damits am Ende so in etwa aussieht?

 

Okay, aber das ist ja gar nicht das Problem:

Wie bekomme ich den z.B. deine Klasse :class="primary", nur bei Pages die Kinder haben, ins Menü?

Ich will die Sache ja nicht Hardcoden sondern per wp_list_pages realisieren.


In Etwa so:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Bisher hab ichs nur geschafft den Pfeil hinter JEDES Listitem zu packen

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Ich möchte aber, dass nur Listitems die auch Kinder haben nen Pfeil bekommen...


Achja für Leute die kein JS haben:

Aber darum gehts ja gar nicht....