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
310 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Teresa Freitas Monteiro Aug 25, 2023
    Not flexible at all. Cannot change the title for not being in CAPS LOCK, cannot decide on the space between the titles, cannot reshapte. All I wanted was something like the collapsing group in google sites. Because I cannot have such feature I will not use weebly
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    YWCA Greater Charleston Jul 26, 2023
    Fantastic but limited styling! For instance, in Weebly the text color shows as black (correct) but on the web (live), the content text color shows as very light gray until hover / rollover... but there is no tutorial / info providing the CSS code to use to prevent this, and I couldn't find any such code in a search online. (I know how to add it, easily, and how to code it; I just don't know the class name.) If there were, I would definitely rate Accordian five stars.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Oregon Botanical Artists Apr 18, 2023
    Can't remove ALL CAPS in header. Can't choose custom color. Can't choose font. Clunky appearance.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Richard Dyer Mar 24, 2023
    Needs the ability to be able to choose font and TEXT colours. Not just backgrounds. Other than that this is perfect thank you!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    CBCA WA Jan 20, 2023
    Great in theory, but would love to be able to move the order of the items, or add new items in the order of choice rather than defaulting to the bottom. I want to use this for archived information, with the latest information at the top, but when I add a new tab, the only option is to add it to the bottom, so it's sadly not suitable for this purpose
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Wendela Plasschaert Dec 16, 2022
    Het concept is geweldig maar er mee werken is een drama. Het lukt me niet tabbladen van plaats te laten wisselen, vervolgens de onderste 2 verwijderd om daarna de laatste weer terug te plaatsen. Nu lukt het zelfs niet meer de titel van het nieuwe tabblad aan te passen....
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Claire Steele Sep 06, 2022
    Accordion loses any text input every time I open a new section. It made it unusable.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Athena Owl Jun 18, 2022
    I like the overall functionality of the accordion, but wish it had more control options. It would be very helpful to be able to adjust the row/cell height and not just the font size. I have multiple accordions within columns and it does not look good on a phone - too large. A good bit of wrap around
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Weebly User Mar 17, 2022
    We need the ability to re-organize the accordion. If I need to move something from the bottom to the top it would take me FOREVER to do so. Please add this feature ASAP!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Xuan Zhao Mar 15, 2022
    I wish you can drag and drop different items in the list. Can't be done now, and it takes forever to reorder the items!!!
    1 - 10 of 310