Hallo.
Ja, dieses Thema wurde hier schon einmal angesprochen, und das funktioniert auch... bei zwei Ebenen.
Ich versuche das jetzt aber mit einer dritten Ebene im Menü.
Mit den folgenden Anweisungen klappt das zunächst auch
.children,
.current_page_ancestor .children .children,
.current_page_item .children .children {
display: none;
}
.current_page_item .children,
.current_page_parent .children,
.current_page_ancestor .current_page_item .children
{
display: block;
}
Alles anzeigen
Wenn ich jetzt allerdings einen Punkt der dritten Ebene anklicke, werden die Ebene zwei und drei ausgeblendet, weil WP die entsprechenden Klassen/IDs nicht mehr einfügt.
Hier mal der erzeugte HTML-Code, wenn die zweite Ebene angeklickt wurde und alle drei Ebenen wie gewünscht dargestellt werden:
<div class="menu">
<ul>
<li class="page_item page-item-10 current_page_ancestor current_page_parent">
<a title="Ebene_1" href="http://URL/THEME/ebene_1/">Ebene_1</a>
<ul class="children">
<li class="page_item page-item-14 current_page_item">
<a title="Ebene_2" href="http://URL/THEME/ebene_1/ebene_2/">Ebene_2</a>
<ul class="children">
<li class="page_item page-item-34">
<a title="Ebene_3" href="http://URL/THEME/ebene_1/ebene_2/ebene_3/">Ebene_3</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
Alles anzeigen
Und so sieht es dann aus, wenn der Punkt in der dritten Ebene angeklickt wurde:
<div class="menu">
<ul>
<li class="page_item page-item-10 current_page_ancestor">
<a title="Ebene_1" href="http://URL/THEME/ebene_1/">Ebene_1</a>
<ul class="children">
<li class="page_item page-item-14 current_page_ancestor current_page_parent">
<a title="Ebene_2" href="http://URL/THEME/ebene_1/ebene_2/">Ebene_2</a>
<ul class="children">
<li class="page_item page-item-34 current_page_item">
<a title="Ebene_3" href="http://URL/THEME/ebene_1/ebene_2/ebene_3/">Ebene_3</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
Alles anzeigen
Hat jemand eine Lösung? Wäre dankbar für Hilfe.
Gruß,
Jörg