check

Organizes your content so visitors can easily find what they're looking for.


check

Helps minimize scrolling on your page, especially on mobile.


check

Completely customizable styles and colors to fit your site design.


Use Accordion design to wrangle unwieldy content on your website into a clickable, expandable and collapsable menu. It's the perfect element to show or hide information on demand. Use it to organize your resume or portfolio, services page, FAQ, store policies and shipping procedures, or team member bios.

Click on an Accordion menu item to expand the content. Click again to hide or close that section and continue navigating down the page. The clean interface keeps your pages short and sweet while minimizing scrolling, and looks great on both desktop and mobile screens.

Setup is simple: install the app and drag the element onto the page. Change the number of menu items displayed and choose from multiple Accordion styles, such as Simple, Boxed and Material. From there, further customize your Accordion menu to fit your site design by changing the title background and content background colors.

Free

$0
Organize your content and minimize page scrolling
Display your information in a way that's easy to scan, find, and read, and optimize it for mobile performance by reducing scrolling.
check
Add as many Accordion elements as you want
Choose how many Accordion menu items to include, and easily add new items.
check
Choose from different Accordion styles
Select from Simple, Boxed and Material Accordion styles.
check
Customize your design
Coordinate your Accordion background elements to match your site design.
check
Made by Weebly
As an official Weebly app, our support team is here to assist you and ensure future compatibility and bug fixes.
check
starsmall starsmall starsmall starsmall starsmall
starsmall starsmall starsmall starsmall starsmall
209 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    katy bodzioch Feb 09, 2018
    WHY CAN YOU ONLY WRITE IN CAPS. WHO WANTS TO READ TEXT IN CAPS? NOBODY.

    Accordion Feb 15, 2018

    Thank you for taking the time to leave your feedback. We will pass along the info to our developers.

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Francisco Clavijo Feb 03, 2018
    Can you change the color of the accordion BEFORE you hover the mouse over it? Right now, it's showing up on Gray and I wish I could change the color of it.

    Accordion Feb 03, 2018

    Hello :) Yes, if you double click on the element you will see a pop-up box. You can change the title background color and the content background color.

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Karen Brown Jan 26, 2018
    SO frustrating that you can't rearrange or delete a dropdown in the list. This makes the app nearly unusable since we alphabetize and change things frequently.

    Accordion Jan 26, 2018

    Really sorry to hear the app is frustrating for you. We can definitely see how this would be a great feature to add. Another Weebly user has submitted this idea as a feature request already. If you have time we encourage you to add your support. Thanks so much! https://community.weebly.com/t5/Vote-on-Features/Reorder-tabs-in-Weebly-s-Tabs-and-Accordion-apps/idi-p/79641

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    JR Anthony Jan 24, 2018
    The concept of this app is great, however, it is very frustrating to use. We have a high speed fibre connection but still it takes accordian a minimum 30 seconds (sometimes much much longer) to register simple format changes in the accordian settings like background color changes, or number of accordians (both adding and removing). This is very annoying when trying to create new content. I don't know if this is a problem with the weebly servers or the app, but we do not have issues with any other website.

    Accordion Jan 26, 2018

    Thanks for reaching out, JR. We're not able to replicate the lag you are talking about. Is there a lot of information on the page you are trying to edit? You may also want to try clearing your browser cache or accessing the editor from a private/incognito window. If you are still running into troubles please feel free to contact on of our support agents. https://hc.weebly.com/hc/en-us

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Shubham Anand Jan 24, 2018
    The app works fine except when the page is published. After publishing, the drop-down menu doesn't open in 1-click. It has to be click twice to see the full project description and images included in each section. Please rectify this situation.

    Accordion Jan 26, 2018

    Hello, Shubham. It should be a 1-click operation and we've confirmed on Chrome, Safari, and Firefox it is working properly. You are more than welcome to reach out to our support team for additional assistance, though. :) https://hc.weebly.com/hc/en-us

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Shad Andrews Jan 22, 2018
    Very thankful for the concept. It works very smoothly for the most part I do wish, however, that the accordian didn't close every time you add an element to it when editing, or that clicking a new tab would keep an old one open, or at the very least auto-scroll to the top of the new tab. It does make it a little inconvenient! Works very well otherwise. Nice way to help keep things organized and keep the page looking clean.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Oskars Jakobs Dec 22, 2017
    A terrible headache, incredibly annoying. It's a weebly self representation.

    Accordion Dec 22, 2017

    Sorry for the frustration. Can you give us some more details about what is not working for you?

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Weebly User Dec 12, 2017
    Superb! Rend mon site propre et belle.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Richard McBride Dec 05, 2017
    Great Little app for FAQs or quick tips etc. Identical to & Better than FAQ app ironically as it allows you to drop elements into the "answer" section.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Waking Girl Web Design 10 Dec 05, 2017
    -There is a glitch in the font colors, making it impossible to have consistency in the titles throughout an accordion. How to fix it: -Give us options to edit the font colors. -Remove the opacity settings, so that colors are based on hex codes, instead of relative to other settings. -Don't base the font format on copy/pasted formatting.

    Accordion Dec 07, 2017

    Hi there. Can you reach out to our support center so we can take a closer look at this? https://hc.weebly.com/hc/en-us

    1 - 10 of 209