{"id":282,"date":"2026-05-15T15:20:04","date_gmt":"2026-05-15T15:20:04","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&#038;p=282"},"modified":"2026-05-15T15:22:25","modified_gmt":"2026-05-15T15:22:25","password":"","slug":"akkordeon","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/akkordeon\/","title":{"rendered":"Akkordeon"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"282\" class=\"elementor elementor-282\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6496582f e-con-full e-flex e-con e-parent\" data-id=\"6496582f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79e85bd4 elementor-widget elementor-widget-text-editor\" data-id=\"79e85bd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Anwendung<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p>Das Akkordeon Element eignet sich perfekt, um Inhalte platzsparend und \u00fcbersichtlich darzustellen. Lernende k\u00f6nnen einzelne Bereiche bei Bedarf aufklappen und wieder schlie\u00dfen, wodurch lange Inhalte strukturierter und leichter erfassbar werden.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f0f155 elementor-widget elementor-widget-spacer\" data-id=\"9f0f155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a6177f5 elementor-widget elementor-widget-text-editor\" data-id=\"7a6177f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Video Anleitung<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p>Erfahre in dem folgenden Video Tutorial, wie du das Element erstellst<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24a01200 elementor-widget elementor-widget-video\" data-id=\"24a01200\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3aef20 elementor-widget elementor-widget-text-editor\" data-id=\"4f3aef20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2 id=\"2-toc-title\" class=\"betterdocs-content-heading\">Allgemeine infomation zu Flipcards<\/h2><p>Schaue dir die Hotspots an und erfahre wie das Akkordeon element funktioniert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55eb6242 elementor-widget elementor-widget-hotspots\" data-id=\"55eb6242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Akkordeons.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 29%; left: 18%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Layout<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle das Layout aus: gro\u00df oder klein. <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 55%; left: 18%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Funktionalit\u00e4t<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">L\u00f6sche Sektionen oder \u00e4ndere die Reihenfolge. <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 76%; left: 18%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Weitere Sektionen hinzuf\u00fcgen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">F\u00fcge mit dem Plus weitere sektionen hinzu.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 45%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    4                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\"><\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Gebe direkt im Creator den Titel der Sektion ein. Und bearbeite die Sektion in den Overlay editor<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-228bdf9 elementor-widget elementor-widget-spacer\" data-id=\"228bdf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a34271 elementor-widget elementor-widget-text-editor\" data-id=\"5a34271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Das muss noch neu gemacht werden nach dem wir den overlay bug gefixed haben<\/h2><p>Schaue dir die Hotspots an und erfahre wie das Dashboard funktioniert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd06dd elementor-widget elementor-widget-hotspots\" data-id=\"dbd06dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Akkordeons.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 24%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Lorem ipsum<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 55%; left: 49%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Lorem ipsum<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Lorem Dolor<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 31%; left: 74%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">wFEA<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">AEFEAF<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anwendung Das Akkordeon Element eignet sich perfekt, um Inhalte platzsparend und \u00fcbersichtlich darzustellen. Lernende k\u00f6nnen einzelne Bereiche bei Bedarf aufklappen und wieder schlie\u00dfen, wodurch lange Inhalte strukturierter und leichter erfassbar werden. Video Anleitung Erfahre in dem folgenden Video Tutorial, wie du das Element erstellst https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E Allgemeine infomation zu Flipcards Schaue dir die Hotspots an und [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[11],"doc_tag":[],"class_list":["post-282","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-06","word_count":169,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"excelerate","author_nicename":"excelerate","author_url":"https:\/\/help.excelerate.app\/en\/author\/excelerate\/"},"doc_category_info":[{"term_name":"Creator - Inhalt - Elemente","term_url":"https:\/\/help.excelerate.app\/en\/docs-category\/inhaltselemente\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/comments?post=282"}],"version-history":[{"count":7,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/282\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/282\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=282"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=282"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}