JV Webdesign BLOG

WordPress, Produktivität, Marketing, How-To
CSS Tricks

Elementor Akkordeon geschlossen Snippet

Inhaltsangabe

Das Problem ist, dass das Akkordeon Widget von Elementor den ersten Eintrag aufgeklappt anzeigt. Das passt aber manchmal nicht ins Konzept. Wie kann man also erreichen, dass auch das erste Akkordeon Element beim Aufruf der Seite geschlossen ist? Du kannst dieses kleine jQuery-Snippet einfügen:

Das Snippet

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

Wo einfügen?

In ein HTML Widget auf der Seite mit dem Akkordeon.

Oder unter Elementor > Custom Code. Ist die sauberere Lösung.

elementor akkordeon geschlossen akkordion closed css
Ups, es heißt natürlich Akkordeon und nicht Akkordion 😉

Lösung von Elementor

Es scheint so, als sollte das Accordeon diese Funktion eigentlich schon selbst mitbringen. Mit der Auswahl-Möglichkeit zum FAQ-Modus. Klappt aber bis jetzt (Stand März 2022) nicht.

Was ist Elementor?

Elementor ist der WordPress Pagebuilder meiner Wahl. Kann ihn sehr empfehlen.

Kommentare

Schreibe einen Kommentar

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

Newsletter abonnieren

Beiträge zu ähnlichen Themen