Ich habe ein navigational menu erstellt, von dem einige Untermenüs haben. Ich möchte, dass der Menüeintrag mit fa-chevron-down (nach unten zeigendes Pfeilsymbol) in fa-chevron-up (nach oben zeigendes Pfeilsymbol) geändert wird, wenn der Benutzer auf diesen Menüeintrag klickt und sich zurückversetzt, wenn der Benutzer irgendwo anders klickt. Außerdem habe ich auch zwei Anfragen,
1) Da ich jQuery sehr neu bin, scheint der jQuery-Code, den ich geschrieben habe, zu sein Mach den Trick, aber gibt es einen besseren Weg? (Beachten Sie, dass wenn zweimal auf einen Menüpunkt geklickt wird, das Gleiten zweimal erfolgt. SEIN ANNOYING)
2) Wenn der Benutzer die Größe des Fensters ändert, bleiben die HTML-Elemente nicht erhalten und streut.
Vielen Dank im Voraus.
UPDATE: Danke, dass du mein Problem gelöst hast. Ich habe mein Problem weiter verfeinert und es funktioniert perfekt. Hier ist das letzte ** JSFIDDLE **
Ich denke, dass es keine Notwendigkeit gibt, die Klasse zu ändern.
Wenn Sie nur das Symbol% co_de% in fa-chevron-down ändern möchten, verwenden Sie fa-chevron-up für toggleClass , anstatt die Klassen zu wechseln. fa-rotate-180 dreht dein Icon und es kann deinen Zweck lösen. Keine Notwendigkeit, einzelne Klassen hinzuzufügen / zu entfernen.
Sagen wir:
%Vor%Es ist nur ein Beispiel. Du kannst es umgehen.
Tags und Links javascript html jquery css font-awesome