Skip to main content

Mit dem Accordion-Shortcode lassen sich auf/zuklappbare Listen erstellen. Der Aufbau der Shortcodes ist was die Logik angeht genau das gleiche wie bei den Tabs.

Code

[accordiongroup id="1"]
[accordion title="your title here" group="1" active="true"]your content here[/accordion]
[accordion title="your second title here" group="1" active=""]your content here[/accordion]
[/accordiongroup]

Attribute accordiongroup

NameInhaltStandardwertBedeutung
idZahlHier wird die ID der Toggle Group definiert. Gibt es auf der Seite eine weitere Toggle-Group, benötigt diese ID 2

Attribute accordion

NameInhaltStandardwertBedeutung
titleTextHier wird der Name der einzelnen Accordions definiert
groupZahlHier muss die ID aus dem accordiongroup-Shortcode angegeben werden.
activetrue / falsefalseWird ein Toggle auf active=”true” gesetzt, so wird dieser direkt offen ausgegeben. Andere sind zugeklappt.

War dieser Artikel hilfreich?

1 Star2 Stars3 Stars4 Stars5 Stars
2,00 / 5

Kommentare

Christian Quitterer 8. März 2018 um 15:05

Wie kann ich die Farbe von den nicht geöffneten Tabs des Accordions ändern?

Antworten

André 12. März 2018 um 10:23

Das ginge nur per Custom CSS, so detailliert haben wir den Customizer nicht angepasst. Dafür mal im Forum melden, dann mach ich dir ein CSS Snippet fertig 🙂

Antworten

Du hast eine Frage oder eine Meinung zum Artikel? Teile sie mit uns!

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*
*

Choose your currency:

Close
Converted prices are for reference only - all orders are charged in € Euro (€) EUR.
  • USDUS Dollar ($)
  • EUREuro (€)
  • GBPPfund Sterling (£)
  • AUDAustralische Dollar ($)
  • BRLBrasilianischer Real (R$)
  • CADKanadischer Dollar ($)
  • CZKTschechische Krone
  • DKKDänische Krone
  • HKDHongkong Dollar ($)
  • HUFUngarischer Forint
  • ILSIsraelischer Schekel (₪)
  • JPYJapanischer Yen (¥)
  • MYRMalaysischer Ringgits
  • MXNMexikanischer Peso ($)
  • NZDNeuseeland Dollar ($)
  • NOKNorwegische Krone
  • PHPPhilipinischer Pesos
  • PLNPolnischer Zloty
  • SGDSingapur Dollar ($)
  • SEKSchwedische Krone
  • CHFSchweizer Franken
  • TWDTaiwan New Dollar
  • THBThai Baht (฿)
  • INRIndische Rupie (₹)
  • TRYTürkische Lira (₺)
  • RUBRussischer Rubel