The **Accordion** is a dropdown menu that can be used to display multiple media items at once. It is typically used for Frequently **Asked Questions, event chronologies, technology portfolios, etc.**

## How to edit in the back office? 



 

 

 



   ![Details for adding an Accordion in Drupal ](/sites/g/files/dvc2391/files/styles/media/public/image/2024/10/Screenshot%20accordion%20.png.webp?itok=-BfOlXd9)   





 

 





 

 

You can add multiple **Accordion** items based on your needs.

The **background color** is also customizable to match your preferences.

Inside each **Accordion item**, it's a text editor which allows you to **add** or **modify** text as you want.

Additionally, you are able to **upload** URL, media, images, CTA buttons to enrich the content.



 

 

 



 

 

 

 





## Example:



 

 

 



 

 

 

 





###  The title for the first example 

  

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



 

 

 

 



###  The title for the second example 

  

## **Title**

*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum*

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2024/08/Report%20an%20issue.png.webp?itok=qkbE3fCf)   





 

 

 

 



 

 






## Enhance your web pages with components 

[Discover all the components here](/drupal-essentials/components)

 



 

 

 



 [   ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-)   ](/text)[Text](/text)

 

###       [Text](/text) 

 

 

 



 

 [   ![Card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2832%29.png.webp?itok=IkpmBO28)   ](/card)[Card](/card)

 

###       [Card](/card) 

 

 

 



 

 [   ![Quote logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2833%29.png.webp?itok=h2rKsDhF)   ](/quote)[Quote](/quote)

 

###       [Quote](/quote) 

 

 

 



 

 [   ![content carosel icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2811%29.jpg.webp?itok=h0W8b7g1)   ](/carousel)[Carousel](/carousel)

 

###       [Carousel](/carousel) 

 

 

 



 

 [   ![Tab logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2834%29.png.webp?h=ac45851e&itok=iVXOgSle)   ](/tab)[Tab](/tab)

 

###       [Tab](/tab) 

 

 

 



 

 [   ![Employee logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2835%29.png.webp?h=7699e6c3&itok=Po8T6NPm)   ](/employees)[Employee](/employees)

 

###       [Employee](/employees) 

 

 

 



 

 [   ![Iframe logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2836%29.png.webp?h=3089ca13&itok=yg-giCJz)   ](/iframe)[Iframe](/iframe)

 

###       [Iframe](/iframe) 

 

 

 



 

 [   ![Integration Code logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2838%29.png.webp?itok=vZx3cgmj)   ](/integration-code)[Integration Code](/integration-code)

 

###       [Integration Code](/integration-code) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)