2016-07-25 12 views
0

Ich habe ein Projekt und ich brauche ein Multi-Level-Menü, das dynamisch sein wird, aber für jetzt will ich es hardcoded (html/jquery/javascript/alles, was funktionieren wird).Multi Level Menü

Die erste Ebene wird einige Symbole sein, die horizontal platziert werden. Und wenn ich auf ein Symbol klicke, erscheint die zweite Ebene, die ein Untermenü (untergeordnete Elemente) und die dritte Ebene auch einige untergeordnete Elemente enthält.

Die Struktur wird so aussehen:

 
Icon1 
FirstMenu 
    SecondMenu 
    ThirdMenu 
FirstMenu 
    SecondMenu 
Icon2 
FirstMenu 
    SecondMenu 
    ThirdMenu 
FirstMenu 
    SecondMenu 
Icon3 
FirstMenu. 

konnte ich ein sublevel Menü erstellen, aber ich kann es nicht herausfinden, wie diese Symbole in sie setzen, und klicken Sie mir zeigen, die Kinder davon.

Das Menü sollte so sein. Wenn ich auf ein Symbol klicke, sollte das rechte Menü von unten zusammenbrechen. Und wenn ich zum Beispiel auf HEAVY DUTY klicke, sollte ein drittes Level erscheinen.

Können Sie mir einige Tipps oder Ressourcen geben, von wo ich anfangen kann?

Vielen Dank im Voraus!

+0

Stellen Sie etwas Code zur Verfügung, an dem Sie gerade arbeiten. – actimel

+2

Das klingt nach einer "Hausaufgaben" -Frage, mit nichts zu zeigen, was Sie bereits versucht haben. Bitte editiere die Frage und zeige den Leuten, was du bereits versucht hast. – user3788685

+0

Probieren Sie das leichtgewichtige und mehrstufige Menü -> github.com/hidaytrahman/hr-navigation-responsive-menu –

Antwort

0

Versuchen Sie es. Sie können Fontawesome für die Symbole hinzufügen. Js Fiddle p9Lea8g4/7/