Organizes your content so visitors can easily find what they're looking for.
Helps minimize scrolling on your page, especially on mobile.
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.
Display your information in a way that's easy to scan, find, and read, and optimize it for mobile performance by reducing scrolling.
Choose how many Accordion menu items to include, and easily add new items.
Select from Simple, Boxed and Material Accordion styles.
Coordinate your Accordion background elements to match your site design.
As an official Weebly app, our support team is here to assist you and ensure future compatibility and bug fixes.
Dane Hedlund Feb 15, 2024Very 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.
Jennifer Schroth Feb 02, 2024Title customization is too limited: I did not want faded until hover and I did not want all caps, but couldn't change either.
Lee Carter Jan 25, 2024Need 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.
Weebly User Dec 07, 2023Content 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.
Teresa Freitas Monteiro Aug 25, 2023Not 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
YWCA Greater Charleston Jul 26, 2023Fantastic 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.
Oregon Botanical Artists Apr 18, 2023Can't remove ALL CAPS in header. Can't choose custom color. Can't choose font. Clunky appearance.
Alan Thompson Mar 24, 2023Needs the ability to be able to choose font and TEXT colours. Not just backgrounds. Other than that this is perfect thank you!
CBCA WA Jan 20, 2023Great 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
Wendela Plasschaert Dec 16, 2022Het 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....