Verwendet man auf einer WordPress Seite mit Divi ein so genanntes „Akkordeon“, als die ausklappbaren Inhalte, so ist das erste Element immer standardmäßig geöffnet und man kann das auch nicht anders einstellen.
Nachdem es im Web aber praktisch keine Frage gibt, auf die es keine Antwort gibt, habe auch dazu eine Lösung finden können. Mark Hendriksen beschreibt dazu auf seiner Seite gleich zwei Lösungen:
- Man erstellt ein erstes Akkordeon-Element und gibt diesen bei den CSS-Einstellungen (unter dem Tab Advanced) im Hauptbereich folgenden Befehlt mit:
display: none;
Dann beginnt man beim zweiten Element mit den eigentlichen Inhalten.
- Man ergänzt unter Divi – Theme Optionen unter dem Tab Integration Code für den <head> Bereich der Seite, und zwar das folgende jQuery-Skript.
<script> jQuery(function($){ $('.et_pb_accordion .et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open'); $('.et_pb_accordion .et_pb_toggle').click(function() { $this = $(this); setTimeout(function(){ $this.closest('.et_pb_accordion').removeClass('et_pb_accordion_toggling'); },700); }); }); </script>
Trackbacks/Pingbacks