vertikles Navigationsmenü Unterpunkte ausblenden

Hallo,

ich habe das Widget "Navigation Menu" in die Sidebar gezogen und ein Menü zugeordnet - soweit so gut.

Ich würde aber gerne die Anzeige verändern.
Jetzt werden alle Seiten mit allen Unterseiten im Navigationsmenü angezeigt.

Die Ansicht soll aber so aussehen

-Überpunkt 1
-Überpunkt 2
-Unterpunkt 2.1
-Unterpunkt 2.2
-Unterunterpunkt 2.1.1
-Aktuelle Seite 2.1.2
-Unterunterpunkt 2.1.3
-Unterpunkt 2.3
-Überpunkt 3

(Es sollen nur die aktuell benötigten Seiten angezeigt werden)

Verständlich???

Ich habe schon viel gesucht hab aber leider keine richtige Lösung gefunden.
Mit CSS hab ich es schon beinahe geschafft:

/** erste Ebene einblenden **/
#MyNavi li { background:grey; display:block; }
#MyNavi li  ul { background:red; display:none; }
#MyNavi li  ul li { background:red; display:none; }




/** zweite Ebene einblenden (evtl.) **/
#MyNavi li.current_page_ancestor  ul li { background:yellow; display:block; }
#MyNavi li.current_page_ancestor  ul li ul li { background:red; display:none; }


/** akuellen Punkt einblenden (inkl. Kind-Elemente) **/
#MyNavi li.current_page_item  { background:grey; display:block; }
#MyNavi li.current-menu-item  ul li { background:yellow; display:block; }


/** Enkel-Elemente ausblenden **/
#MyNavi li.current_page_item  ul li ul li { background:blue; display:none; }

aber leider werden die Elemente der dritten-Ebene immer ausgeblendet auch wenn ein Punkt der zweiten Ebene gewählt wird.

Kann mir jemand helfen ich weis echt nichtmehr was ich da noch versuchen soll.

Danke im Voraus für die Mühe.

(WordPress 4.0, Theme Sukelius Magazine)

Nach vielem Überlegen habe ich die Lösung für mein Problem gefunden.
Für alle die auch die Problematik haben hier der CSS-Code

-------------------------------------------------------
/** erste Ebene einblenden **/
#MyNavi li { display:block; }
#MyNavi li ul li { display:none; }

/** zweite Ebene einblenden (evtl.) **/
#MyNavi li.current_page_ancestor ul li { display:block; }
#MyNavi li.current_page_ancestor ul li ul li { display:none; }

/** dritte Ebene einblenden (evtl.) **/
#MyNavi li.current_page_ancestor ul li.current_page_parent ul li { display:block; }

/** akuellen Punkt einblenden (inkl. Kind-Elemente) **/
#MyNavi li.current_page_item { display:block; }
#MyNavi li.current-menu-item ul li { display:block; }

/** Enkel-Elemente ausblenden **/
#MyNavi li.current_page_item ul li ul li { display:none; }

/** Kind-Elemente einblenden (für dritte Ebene) **/
#MyNavi li.current_page_ancestor ul li.current_page_item ul li { display:block; }
-------------------------------------------------------

Anscheinend werden Elemente vorwiegend durch "current_page_ancestor" definiert und erst danach durch "current_page_item".

Auch ohne Antwort, vielen Dank für die "Inspiration" durch das Forum.

Grüße