{"id":552,"date":"2022-02-20T12:18:42","date_gmt":"2022-02-20T11:18:42","guid":{"rendered":"https:\/\/www.penzenauer.at\/blog\/?p=552"},"modified":"2022-02-20T12:25:58","modified_gmt":"2022-02-20T11:25:58","slug":"wordpress-divi-1-akkordeon-element-geschlossen","status":"publish","type":"post","link":"https:\/\/www.penzenauer.at\/blog\/wordpress-divi-1-akkordeon-element-geschlossen\/","title":{"rendered":"WordPress Divi: 1. Akkordeon -Element geschlossen"},"content":{"rendered":"\n[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.9.4″ custom_padding=“0px||0px||false|false“ global_colors_info=“{}“][et_pb_row admin_label=“row“ _builder_version=“3.25″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“3.25″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“][et_pb_text admin_label=“Text“ _builder_version=“4.14.5″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ hover_enabled=“0″ global_colors_info=“{}“ sticky_enabled=“0″]Verwendet man auf einer WordPress Seite mit Divi ein so genanntes „Akkordeon“, als die ausklappbaren Inhalte, so ist das erste Element immer standardm\u00e4\u00dfig ge\u00f6ffnet und man kann das auch nicht anders einstellen.\n\nNachdem es im Web aber praktisch keine Frage gibt, auf die es keine Antwort gibt, habe auch dazu eine L\u00f6sung finden k\u00f6nnen. Mark Hendriksen<\/a> beschreibt dazu auf seiner Seite gleich zwei L\u00f6sungen:\n
    \n\t
  1. Man erstellt ein erstes Akkordeon-Element und gibt diesen bei den CSS-Einstellungen (unter dem Tab Advanced) im Hauptbereich folgenden Befehlt mit:\n
    display: none;<\/pre>\nDann beginnt man beim zweiten Element mit den eigentlichen Inhalten. <\/li>\n\t
  2. Man erg\u00e4nzt unter Divi – Theme Optionen unter dem Tab Integration Code f\u00fcr den <head> Bereich der Seite, und zwar das folgende jQuery-Skript.\n
    <script>\njQuery(function($){\n  \u00a0 $('.et_pb_accordion\n.et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');\n $('.et_pb_accordion .et_pb_toggle').click(function() {\n  \u00a0 \u00a0 $this = $(this);\n  \u00a0 \u00a0 setTimeout(function(){\u00a0 $this.closest('.et_pb_accordion').removeClass('et_pb_accordion_toggling');\n},700);\n });\n});\n<\/script><\/pre>\n<\/li>\n<\/ol>\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.9.4″ _module_preset=“default“ global_module=“272″ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.9.4″ _module_preset=“default“ global_colors_info=“{}“][et_pb_post_nav prev_text=“Vorheriger Artikel“ next_text=“N\u00e4chster Artikel“ _builder_version=“4.9.4″ _module_preset=“default“ title_text_color=“#FFFFFF“ background_color=“#2E4770″ custom_padding=“0.5em|0.5em|0.5em|0.5em|true|true“ global_colors_info=“{}“][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"
    Verwendet man auf einer WordPress Seite mit Divi ein so genanntes „Akkordeon“, als die ausklappbaren Inhalte, so ist das erste Element immer standardm\u00e4\u00dfig ge\u00f6ffnet 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\u00f6sung finden k\u00f6nnen. Mark […]<\/p>\n","protected":false},"author":1,"featured_media":76,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"793","footnotes":""},"categories":[21],"tags":[32,60,58],"class_list":["post-552","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-aus-meiner-arbeit","tag-css","tag-divi","tag-wordpress","post_format-post-format-aside"],"_links":{"self":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":5,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/552\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/552\/revisions\/560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media?parent=552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/categories?post=552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/tags?post=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}