Geschätzte Lesedauer: < 1 Minute

Akkordeons sind ein wichtiger Bestandteil beim Gestalten einer Website. Am meisten werden Akkordeons für FAQ-Bereiche verwendet, doch gerade im „Mobile First“-Ansatz finden sie häufig Verwendung damit die Inhalte einer Website auf den schmalen Bildschirmen der Smartphones nicht zu lang werden. Die meisten Page Builder wie die kostenfreie Variante vom Elementor und der WPBakery Page Builder bringen dafür bereits Elemente bzw. „Widgets“ (so werden die Elemente im Elementor genannt, nicht zu verwechseln mit den WordPress Widgets für Sidebars etc.) mit. Leider fehlt im Elementor allerdings die Einstellung, dass beim Aufruf einer Seite alle Akkordeon-Inhalte geschlossen sind, standardmäßig ist immer der erste Inhalt geöffnet.

Das Elementor Akkordeon standardmäßig schließen

Mit einer simplen Funktion lässt sich einstellen, dass auch der erste Inhalt im Akkordeon beim Aufruf der Seite geschlossen ist:

<script> 
jQuery(document).ready(function($) { 
   var delay = 100; setTimeout(function() { 
      $('.elementor-tab-title').removeClass('elementor-active');
      $('.elementor-tab-content').css('display', 'none');
   }, delay); 
}); 
</script>

Die Funktion zum Schließen des Elementor Akkordeons zu WordPress hinzufügen

Damit die Funktion auf Ihrer Website geladen wird können Sie folgende Funktion zu der functions.php des aktiven Themes hinzufügen:

<?php
/**
 * Elementor Akkordeons geschlossen halten
 */
 function mewigo_close_elementor_accordion() { ?>
	 <script>
		jQuery(document).ready(function($) { 
		var delay = 100; setTimeout(function() { 
		$('.elementor-tab-title').removeClass('elementor-active');
			$('.elementor-tab-content').css('display', 'none'); }, delay); 
		});
	</script>
<?php }
add_action('wp_footer', 'mewigo_close_elementor_accordion');

Haben Sie Fragen oder benötigen Sie Hilfe bei WordPress?

Melden Sie sich gerne bei uns – als WordPress Agentur können wir Ihnen sicher helfen.

Jetzt kontaktieren