Unterseiten aus- und einblenden

  • Hallo,

    suche verzweifelt eine Möglichkeit, für eine statische Site (http://www.plankermann.de/masserien) die 12 Unterseiten in der linken Navi erst dann anzeigen zu lassen, nachdem/wenn deren "Mutter" (hier: "Masserien in Apulien") angeklickt wurde.
    D.h. diese childs sollen in der sidebar auch nicht erscheinen, wenn andere Seiten angeklickt sind.
    In der linken Seitennavigation habe ich übrigens auch 2 widgets (hatte gelesen, dass dies bei einigen Lösungsansätzen nicht gut ist) ;-)
    Vielen Dank vorab für Eure Hilfe

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Moin :)


    suche verzweifelt eine Möglichkeit, für eine statische Site (http://www.plankermann.de/masserien) die 12 Unterseiten in der linken Navi erst dann anzeigen zu lassen, nachdem/wenn deren "Mutter" (hier: "Masserien in Apulien") angeklickt wurde.


    Willst du, dass sich das Untermenu auf der aktuellen Seite öffnet oder erst auf der verlinkten Seite?
    Sprich: Du klickst auf den Menupunkt "Masserien in Apulien". Soll sich dann die Seite "http://www.plankermann.de/masserien/masserien/" und dort erst das Menu oder soll sich bei Klick auf den Link nur das Untermenu angezeigt werden, ohne dass sich die Seite ändert?

    Zweiteres kannst du relativ einfach mit CSS erreichen:
    Der "aktive" Menupunkt bekommt bei Wrdpress generell die Klasse "current_page_item" mit.

    Dann definierst du ersteinmal, dass alle Untermenus unsichtbar werden:

    Code
    #menu ul ul {
    display: none
    }

    Wenn du nun aber auf der aktiven Seiten bist, die ein Untermenu anzeigen soll, dann muss es sichtbar gemacht werden:

    Code
    [FONT=monospace].[/FONT]current_page_item ul {
    display: block
    }


    evtl. musst du dem noch ein !important mitgeben:

    Code
    [FONT=monospace].[/FONT]current_page_item ul {
    display: block !important
    }
  • Danke hero-master! Das Untermenü sollte erst erscheinen bei Klick auf die Mutter (http://www.plankermann.de/masserien/masserien).

    [FONT=monospace].[/FONT]current_page_item ul {
    display: block !important
    }

    Danke Dir, habe es nun in CSS eingebaut. Teil 1 (Unterseiten ausgeblendet) funktioniert auch prima. Teil 2 auch (bei klick auf den Mutterlink taucht das Untermenü auf).
    Lediglich Teil 3 würde ich noch benötigen: das Untermenü sollte sichtbar sein solange man darin navigiert. Die 12 Unterpunkte verschwinden jedoch alle wieder sobald man auf einen von ihnen klickt.

    Hättest Du hierfür evtl. auch noch eine Lösung, bitte?

    Einmal editiert, zuletzt von laffer (7. September 2009 um 17:45)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!