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
314 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Dane Hedlund Feb 15, 2024
    Very basic in function. Helps maintain a clean page, but you cannot change the order of your drop downs in an efficient manner. The only way to do so is by physically movine all the content of one drop down to another.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Jennifer Schroth Feb 02, 2024
    Title customization is too limited: I did not want faded until hover and I did not want all caps, but couldn't change either.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Lee Carter Jan 25, 2024
    Need to know where, in the theme editor, to find the code to modify specifically the opacity of the titles which are Always to light to be able to read.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Weebly User Dec 07, 2023
    Content is cut-off when nesting expandable drop-downs. Weebly suggested I might be able to fix this myself if I'm comfortable with modifying my sites HTML and CSS. I am not. Would very much appreciate a solution from the developers, and would happily change the rating. Going to alter the content of my site as a temporary fix, not ideal.
  • 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
    Alan Thompson 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....
    1 - 10 of 314