Echtes Insider-Wissen aus 20 Jahren Webdesign-Praxis
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 defer src="data:text/javascript,jQuery%28document%29.ready%28function%28%24%29%20%7B%20%0A%20%20%20%20%20%20%20%20var%20delay%20%3D%20100%3B%20%0A%20%20%20%20%20%20%20%20setTimeout%28function%28%29%20%7B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%24%28%27.elementor-tab-title%27%29.removeClass%28%27elementor-active%27%29%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%24%28%27.elementor-tab-content%27%29.css%28%27display%27%2C%20%27none%27%29%3B%20%0A%20%20%20%20%20%20%20%20%7D%2C%20delay%29%3B%20%0A%20%20%20%20%7D%29%3B"></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

Früher wissen, was andere zu spät merken

Das hier ist kein Newsletter. Sondern eine Einladung, von meinen seltenen AHA-Momenten und wichtigsten Learnings zu profitieren. 1–2 Mails im Monat – max. Kein Funnel. Kein Marketinggeschwurbel.
Newsletter Sign-up
Du kannst dich jederzeit wieder abmelden. Alles Weitere ist in meinen Datenschutzhinweisen.

Beiträge zu ähnlichen Themen