Anleitung: Divi-Akkordeons standardmäßig geschlossen (Divi Accordions all closed)

In dieser Anleitung zeige ich dir, wie alle Divi-Akkordeons alle geschlossen werden (Divi Accordions all closed). Standardmäßig wird beim Divi Akkordeon-Modul das erste Akkordeon geöffnet haben, wenn die Seite geladen wird. Um alle Akkordeons beim Laden der Seite im geschlossenen Zustand zu halten, befolge diese Schritte:

Für spezifische Akkordeon-Module:

  • Gehe zu den Einstellungen des jeweiligen Akkordeon-Moduls.
  • Wähle „Erweitert“ aus.
  • Füge folgende benutzerdefinierte CSS-Klasse hinzu: my_accordion.
  • Gehe zum WordPress-Dashboard > Divi > Theme-Optionen > Integration > Abschnitt <head> und füge dieses Skript hinzu
<script>
jQuery(document).ready(function() {
    jQuery('.et_pb_module.et_pb_accordion.my_accordion .et_pb_accordion_item.et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');
});
</script>

Für alle Akkordeon-Module auf Ihrer Website:

Gehe zu Theme-Optionen > Integration > Abschnitt <head> und fügen Sie dieses Skript hinzu:
<script>
jQuery(document).ready(function() {
    jQuery('.et_pb_module.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');
});
</script>
Dadurch werden alle Akkordeon-Module auf deiner Website geschlossen, ohne dass eine benutzerdefinierte CSS-Klasse definiert werden muss.

ud83dudccc Mehr dazu im Divi Theme Guide 2026 u2014 unserem kompletten u00dcberblick zu Divi 5, Kosten, Performance, Elementor-Vergleich und einer interaktiven Entscheidungshilfe.

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework, NeuronWriter
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!

QR-Codes Relaunched: Kreative Strategien für dein Marketing

QR-Codes Relaunched: Kreative Strategien für dein Marketing

QR-Codes sind zurück – und stärker als je zuvor. Lange als unästhetisches Relikt belächelt, erleben die kleinen Quadrate eine beeindruckende Renaissance. Dank moderner Smartphones, die sie ohne zusätzliche App scannen können, und einem veränderten Nutzerverhalten sind...

Gestaltung akustisch optimierter WordPress-Websites

Gestaltung akustisch optimierter WordPress-Websites

Die Akustik spielt im Webdesign eine zunehmend wichtige Rolle, insbesondere wenn es darum geht, die Benutzererfahrung zu verbessern. Akustisch optimierte Websites bieten nicht nur ästhetische Vorteile, sondern fördern auch die Funktionalität und Performance. Indem Sie...

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

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

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download