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.
Elizabeth Baker Nov 27, 2019I really dislike that you cannot change the font color. I've also had issues with the height of the expansion not being big enough. I want to put an accordion inside an accordion, but not all of the text was showing in the sub-accordion!
Andrew Stoer Nov 19, 2019I like the way it saves space!
Lisa Serafino Oct 27, 2019So helpful! Saves space in an elegant way!
TM IVN Sep 27, 2019This app doesn't allow any reordering of tabs, and when new tabs are added they automatically populate at the bottom of the list. I wanted to use the accordion to organize my company's announcements by year with the most recent year at the top of the accordion. It is impossible to add a new tab to the top of the accordion with this app. This app is not viable for applications that require updates or changes to the tab order.
Brad Sep 25, 2019Amazing THANK YOU. It is just what I was after
FAC Website Sep 25, 2019Previously I would use the Tabs app to organize information on a single page. However, I found it too slow, and would glitch. The Accordion app has been a lot faster and more responsive. It also looks better than Tabs.
Emily Pengu Sep 13, 2019Its a nice simple way to save space on the page as well as beautiful!
Global Village School Sep 10, 2019It's OK until you need to delete a line. If it's at the end of the accordion list, no problem. If it's anywhere else have fun copying and pasting each every entry you want to keep up or down one as the case may be. Or you could leave a nice unprofessional looking blank tier. Sigh.
Larry Cory Aug 28, 2019Good for hiding something until someone wants it
Kerri Painter Aug 19, 2019Love the look of this and the functionality - looks good on mobile too. We use it for staff profiles - however, I need to remove a section and move a section now months later and I cannot figure out how to do so. I was able to remove the content of a section but now the spacing is odd. I don't have time to completely redo this so I guess I'll live with it until I find a new solution for this part of the site.