--- title: "Accordion" description: "The Accordion Component can be used to contain any Component in several Accordion Tabs." path: https://www.eonshowroom.eon.com/en/content-elements/accordion.html lastModified: 2026-09-22T09:26:16.101Z --- # Accordion # Accordion ## Where are E.ON shares traded? E.ON shares are traded on all German stock exchanges, the electronic stock exchange, and in the United States in the over the counter market (OTC market) via American Depositary Receipts (ADR). The E.ON share is part of the most important indices, including the DAX, Dow Jones (DJ) Stoxx 50, DJ Euro Stoxx 50, DJ Stoxx Utilities Index and the German dividend index (DivDAX) as well as the DJ Sustainability Index. ## What is a registered share? A registered share is registered in the name of the owner. A company issuing registered shares maintains a stock register, which records shareholders with their name, date of birth and address as well as the number of shares they are holding. Only shareholders listed in the stock register are accepted as shareholders of the company (Section 67, paragraph 1 and 2 of the German Stock Corporation Act -AktG). Shareholders are entitled to receive information from the company about personal data recorded in the stock register. ![Title](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/eMobility_scoter%3A1-1?fmt=webp) ## What is E.ON permitted to use the information from the stock register for? ![Title](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/E_Mobility_Girls_At_Car_Outside%3A1-1?fmt=webp) Information held in the stock register is subject to applicable privacy provisions. The company is permitted to use stock register information for its investor relations activities. Any dissemination of this data outside of the group is prohibited. The company may only use this data for advertising purposes if the shareholder has not objected. ## What is the difference between depositing bearer and registered shares with a bank? ![Title](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/e-mobility_geiselwind_night_lights%3A2-1?fmt=webp) There are no differences between bearer and registered shares regarding depositing or fungibility. The company informs owners of registered shares about the Shareholders' Meeting directly. ## Do shareholders who have objected to being recorded in the stock register receive a dividend? Yes. [How to Configure](#how-to) ### Description The Accordion Component can be used to contain any Component in several Accordion Tabs. - The Colors can be adjusted according to background color or no background and padding can be chosen - Two Sizes are available: Normal & Large - It is possible to show Content without Accordion on Desktop Viewports - All Accordions can be expanded by default [Check it out on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/content-aggregation-accordion--interactive) ### Inspirations ## Large Accordion - First Element Yes, principally all E.ON bonds are also available for private investors. However, there are some cases in which certain selling restrictions exist. If you are interested in a particular bond, please consult your bank for advice if this specific security is available to you as a private investor. ## Large Accordion - Second Element You can buy E.ON bonds via your bank. Please consult your bank for more details. If you have an account with an online bank you may also order securities directly via their website. ##### No Accordion on Desktop Switch to Tablet or Mobile to see Accordion ## No Accordion on Desktop - First Element Yes, principally all E.ON bonds are also available for private investors. However, there are some cases in which certain selling restrictions exist. If you are interested in a particular bond, please consult your bank for advice if this specific security is available to you as a private investor. ## No Accordion on Desktop - Second Element You can buy E.ON bonds via your bank. Please consult your bank for more details. If you have an account with an online bank you may also order securities directly via their website. ### Usage Rules & Features ##### Features - Display no Accordion on Desktop View is possible ##### Properties - Option to open only one Element at a Time - Option to open one Element on Page Load - Option to open all Elements on Page Load ##### Design - An Accordion Element can hold any Content Component in it - Each Element must have an unique Accordion Element Headline ##### In which Grid Columns does it fit? | Grid Columns | Does it fit? | | --- | --- | | 2 | no | | 3 | no | | 4 | no | | 5 | no | | 6 | no | | 8 | yes | | 9 | yes | | 10 | yes | | 12 | no | ##### DO's - Give each Accordion Element an unique Accordion Element Headline ##### DONT's - Avoid long Accordion Element Headline as Title can break into multiple Lines, which does not look that nice - Don't use the Accordion Elements for complex Layouts, it is mainly meant for Explanation Texts ## Configuration ## Trackable Component This Component can be tracked. [Read more about Tracking](https://www.eonshowroom.eon.com/en/aem-basics/tracking.html) ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_7-1%3A2-1?fmt=webp-alpha) ![Properties Tab of Accordion Dialog](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/acc_properties%3A1-1?fmt=webp) ### Setting the Properties In Editor Dialog, Editor can select to have normal or large Size of an Accordion. Moreover, "Open one Tab at Time" Mode, "Expand all Accordions", as well as "No Accordions on Desktop" are possible Options for Configuration. Also "Open an Accordion Element initially" by checking corresponding Checkbox and selecting the Element that should be opened initially is possible. Furthermore, Color Scheme can be adjusted, and if activated in FoundationNg Site Config, Microscheme Attributes can be rendered. [Read more about FoundationNg Site Config](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-site-config.html) [Read more about Schema.org](https://www.eonshowroom.eon.com/en/aem-basics/schema-org.html) ![Add Accordion Element](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/acc_add-element%3A2-1?fmt=webp) ### Adding Accordion Element To add an Element to an Accordion, Editor needs to add Accordion Element Component to Parsys of Accordion. With this Accordion Element the Items of the Accordion can easily be reordered, as well as deleted. ![Accordion Element Properties](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/acc_maintain-element%3A16-9?fmt=webp) ### Configure Accordion Element In Editor Dialog of Accordion Element, Editor needs to enter a Headline, as **Title of the Accordion**. This Headline **must be unique**. Furthermore, Editor can choose a Grid Layout. Available Grid Layouts for it are: - D/T 12 - D/T 8+4 - D/T 4+8 - D/T 6+6 If the Field “**Custom ARIA Label (for Screen Reade**rs)” is left empty, the Pane’s Title will automatically be used as the ARIA-Label. If a custom Text is entered, it will replace the default****Label. This Text should briefly describe the Purpose or Content of the Pane (e.g., “User Settings Panel” or “Notifications Tab”). Providing a custom ARIA Label makes the Component more accessible and gives**Screen Reader Users** clearer Context, which improves Usability and Inclusiveness. #### Keep in Mind It is necessary to give each Element a **unique "Accordion Element Headline"**. If it is not unique, clicking on it can result in strange Behaviour of all Accordion Elements with same Headline on a Page. ![Add Content to an Accordion Element](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/acc_element-content%3A2-1?fmt=webp) ### Adding Content To add Content to an Accordion Element, Editor needs to add Components to Parsys of Accordion Element Grid. ### Enable FAQ aka Schema.org for Accordion How to enable rendering of according title as question and content as answer. ##### Why use FAQ structured data FAQ Schema.org helps search engines and AI crawlers understand your content. It increases visibility in search results and improves how AI systems interpret questions and answers on your page. When used correctly, it makes your FAQ content easier to discover and more accurately indexed. ### ##### How it works If an Accordion on the page has **Microschema rendering** activated, the system automatically adds the correct FAQ Schema.org to the page header. No manual setup in Page Properties is needed. ### ##### How to configure 1. Add the Accordion component to your page. 2. Open the component dialog. 3. Activate Microschema rendering. 4. Add your FAQ items (question = name, answer = text). The Schema.org values are derived directly from your Accordion content. 5. In addition ensure that "Allow schema.org attributes" is checked in **FoundationNg Site Config.** ##### How to test Use Google’s Rich Results Test to validate your FAQ structured data: [Google Rich Results Test](https://search.google.com/test/rich-results) #### Example of an Accordion Using Schema.org FAG ## Will I work on site or from home? We want to offer you as much flexibility as possible. That's why many positions at E.ON are also available on a hybrid basis: you work in the office on some days and from home on others. You can discuss this in advance with the contact person specified in the job posting or with your supervisor. ## Do I have the same benefits across the entire E.ON Group? The E.ON Group is very diverse. Some of our subsidiaries offer different social benefits than our companies. You can find out exactly what these are in the job advertisement and during the interview. ## What training and continuing education opportunities are available to me? At E.ON, we see ourselves as a learning organization. That's why we support you in developing the skills that are important to you. This includes several learning platforms and our internal “Learning Weeks.” Of course, external training and continuing education opportunities are also possible in consultation with your manager.