Öffnen Sie die Unterkategorien im Untermenü beim Klicken im Hauptmenü

Ich finde einen Weg, wenn wir das Menü so verwalten können, dass wenn ich auf den Menüpunkt im ersten Menü klicke, die Unterkategorien oder Links, die ich auswähle, im sekundären Menü angezeigt werden sollen Ich klicke auf Unterhaltung im Nav-Menü, die Unterkategorien / Themen wie Gossips, Hollywood, Bollywood sollten im Menü unter dem Hauptmenu erscheinen … (zB .. sieh dir ibnlive.com oder latimes.com Website an, es arbeitet in einer ähnlichen Leidenschaft) …

Solutions Collecting From Web of "Öffnen Sie die Unterkategorien im Untermenü beim Klicken im Hauptmenü"

Sie können dies auf drei Arten tun:

  1. Das erste Mal, dass Sie das Menü innerhalb des Themas selbst statisch machen müssen, haben Sie die volle Kontrolle über alle Ankerlinks und classn
  2. Im Menü-Manager können Sie der Ankerverknüpfung eine benutzerdefinierte class zuweisen und anschließend jQuery-Ereignisse an die Ankerverknüpfungen binden, sodass sie einem bestimmten Menü Ihrer Wahl entsprechen
  3. Erstellen Sie ein Plugin, mit dem Sie eine Option festlegen können, die es bestimmten Menüs erlaubt, untergeordnete Elemente als separates Menü zu verwenden. Sie können jedoch nur darauf zugreifen, indem Sie den Mauszeiger über einem Menüelement bewegen, dem ein Untermenü zugewiesen wurde

Hoffe das hilft ein bisschen mehr.

Ich habe dies auf zahlreichen Websites getan, aber meine Implementierung erfolgt über nur ein Menü mit Hilfe von CSS. (Sie können auch JavaScript für einige coole Effekte verwenden.)

Unter Darstellung -> Menüs erstelle ich ein Menü und ziehe Untermenü-Links unter deren “Eltern” -Link in diesem einen Menü. (Das Schöne an dieser Lösung ist, dass sie einfach ist und wenn Sie in Zukunft eine dritte Ebene hinzufügen müssten, würde dies nicht viel zusätzliche Arbeit erfordern.)

  • Autos
    • Porcshe
    • Maserati
    • Aston Martin
  • Städte
    • New York
    • Chicago
    • Los Angeles

Dann verwende ich CSS, um diese zu stylen. Wenn Sie sich auf einer Seite befinden, verwendet WordPress eine Menüoption “aktuell”, “übergeordnet” oder “Vorgänger”. Diese können verwendet werden, um das entsprechende Menü anzuzeigen. Und Sie werden auch die Pseudo-class “: hover” nutzen, um das entsprechende Untermenü bei Hover anzuzeigen. Sie können auch die Methoden show() und hide() jQuery verwenden, wenn Sie eine raffinierte JS-Animation integrieren möchten.

Es würde ein wenig Arbeit kosten, alle geeigneten CSS und jQuery hier auszugeben, also hoffe ich, dass Sie in die richtige Richtung weisen.