Aufklappbare Navigation (Parents sind leere Seiten)

  • Scorpion

    (@djscorpion)


    vor 12 Jahren, 3 Monaten

    Hallo WPler!
    ich arbeite gerade an einer Seite bei der einige obere Navigationspunkte keine Seiten sein, sondern eben nur in der Navigation für mehr Ordnung sorgen sollen.

    Angefangen habe ich erst, dass ich die Seiten entsprechend erstellt habe. Jetzt bin aber soweit, dass ein Menü Links zu # enthält. Diese wiederum haben eben die Sub-Pages.

    Jetzt würde ich aber gern bei on-click auf Links/Top-Menu-Punkte, die Kinder haben, die entsprechenden Menüeinträge ausgeklappt bekommen.

    Kann mir dabei jemand helfen? Ich denke da an jScript/Query, allerdings hat mir Google bisher nichts feines gebracht. Ich will dafür eigentlich kein Plugin nutzen, so schwer kann das ja nich sein oder?

    Gruß
    Scorp

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • marv51

    (@marv51)

    vor 12 Jahren, 3 Monaten

    Hallo,

    Tu mir den gefellen und google mal nach jScript. Das ist nicht was du suchst, was du meinst ist JavaScript oder auch JS.

    Bitte bedenkte das deine Webseite auch ohne JS funktonieren sollte.
    Also solltest du auf den Elternseite eventuell Links zu den Kinderseiten einfügen. Eventuell kannst du dafür ein extra Template benutzen.

    Eventuell ist CSS eine bessere Lösung, schau dir mal das hier an: http://www.silent-fran.de/css/tutorial/aufklappmenue.html

    Ansonsten kannst du das durchaus mit jQuery lösen. Script Datei erstellen.
    <?php wp_enqueue_script('mein_theme_script', get_template_directory_uri() . '/script.js', array('jQuery'), "", true); ?> – in die functions.php
    und in script.js dann:

    jQuery(document).ready(function(){
    jQuery("#eltern_selector").click(function(){
         jQuery(this).children('.kinder').toggle();
    });
});

    Edit: Der JS code war nicht ganz fertig als ich ausversehen schon abgeschickt hatte.

    Thread-Starter Scorpion

    (@djscorpion)

    vor 12 Jahren, 3 Monaten

    Hi marv,
    thanks für die schnelle Antwort und die Korrektur. Ja hab vor Ewigkeiten mal von jScript gelesen, dass es anders ist – aber beachte die schreibweise in Boards nicht (ob jetzt JS, JavaScript, JScript…). Aber es scheint ja doch Menschen zu geben die an das original jScript von MS denken.

    CSS ist eine Möglichkeit, allerdings hab ich es damit nich machen wollen, weil ich glaube, dass der Effekt nicht da wäre. Ich will ein aufklappen, also „herausrollen“ von oben, „runterfahren“ der Unterpunkte, kein schnödes TAADAA (einblenden).
    Wenn das mit CSS realisierbar is…

    Ansonsten hab ich die script.js angelegt und deinen Code eingefügt. Unverändert… muss ich #eltern_selector / .kinder ersetzen?

    Man beachte: Sprechen wir hier wirklich von parent pages und child pages? Denn es wirkt ja nur so, dank dem wp_nav_menu().

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Aufklappbare Navigation (Parents sind leere Seiten)“ ist für neue Antworten geschlossen.