DIVI Akkordeon komplett zuklappen

Autor

Marius Marzian

Datum 28. Juni 2020

Kategorie SEO

Bildschirmfoto 2020 06 28 Um 23.06.29 1024x464 1

Inhalt

Alle Akkordeon-Einträge beim Start zuklappen
Nur auf bestimmten Seiten anwenden
Alternative: CSS-Methode
Tipp

Alle Akkordeon-Einträge beim Start zuklappen

Füge folgenden Code in Divi → Theme-Optionen → Integration → <body> Abschnitt (ganz unten) oder in ein Code-Modul auf der betreffenden Seite ein:

<script>
jQuery(document).ready(function($) {
  $('.et_pb_accordion .et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');
  $('.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_content').css('display', 'none');
});
</script>

Nur auf bestimmten Seiten anwenden

Wenn du das Verhalten nur auf einer bestimmten Seite ändern möchtest, nutze ein Divi Code-Modul auf dieser Seite. Das verhindert, dass der Code das Akkordeon-Verhalten seitenweit beeinflusst.

Alternative: CSS-Methode

Eine reine CSS-Lösung ist leider nicht vollständig möglich, da Divi den ersten Akkordeon-Eintrag serverseitig als „offen“ markiert. Du kannst jedoch die Transition-Animation mit folgendem CSS deaktivieren:

.et_pb_accordion .et_pb_toggle_content {
  display: none !important;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_content {
  display: block !important;
}

Tipp

Wenn du möchtest, dass ein spezifischer Eintrag standardmäßig geöffnet ist (nicht der erste), füge der entsprechenden CSS-ID im Divi Builder die Klasse et_pb_toggle_open hinzu.