2 Akkordeons: Wie stylt man Navigationselemente (Links) anders?

Question

Here Ich habe ein Akkordeon-Skript korrekt formatiert. Das Navigationselement (Link), das beim Klicken auf den Text grau ist & blau, wenn aktiv. Weiter gibt es einen schwarzen Balken und zwei Bilder für aktiv & inaktiv (Pfeil zeigt nach links & Pfeil nach unten, wenn aktiv).

Here Sie sehen das gleiche nav Element Styling, aber ich brauche es nur blau Text keine schwarze Leiste keine aktiven/inaktiven Pfeile.

Wie erstelle ich ein 2. Styling für this Akkordeon?

Answer 1

Alles, was Sie tun müssen, ist anwenden eine andere Klasse dieser toggler (Beispiel: .toggler-2 statt .toggler) und dann in Ihrem CSS, Stil. Toggler-2 genau, wie Sie es aussehen wollen.

Answer 2

Fügen Sie dem HTML-Code eine Klasse hinzu und schreiben Sie zusätzliches CSS für diesen Abschnitt.

Zusätzliche Klasse in CSS:

#dhtmlgoodies_listMenu.secondary a 
{ 
    styling: goes here; 
} 

Geänderte HTML:

<ul id="dhtmlgoodies_listMenu" class="secondary">