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
179 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Peter Jun 26, 2017
    I really like the app, I do have a weird problem though. To expand a box I need to click it open twice, the first time only opens a small section of it. Any solutions?
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Sergio Alcubilla Jun 22, 2017
    The app itself is fantastic for what it does, which is a simple drop down menu. However, like many people have pointed out, if you have a lot of text within one box, when you try and view that box, the information will be cut off.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    OCSA Jun 20, 2017
    Would rate much higher except for the problem identified by another user where on mobile it is impossible to scroll down the screen without accidentally opening all the sections. Would love a fix for this ASAP - could be as simple as leaving some space on the right side to allow for scrolling.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Gaby Rivera Jun 19, 2017
    I like this App, have it everywhere on my website. However, the accordion titles at a mobile device do not adjust the font size to the screen as the rest of the all items in a page... which is very simple to correct: Change the style code to: .accordion__title { font-size: 100%; } I am pretty sure this would improve this app for everyone. I contacted Weebly and asked where can I make this change? Where is the code? But Weebly said they cannot do anything about it.... Can you please take care of this or lmk how can I do it?
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Chuck Schneider Jun 16, 2017
    When I drag a new item into a section, I lose every section's title that I have changed + all content within each section. Steps to reproduce: Theme in use: Muse Technologies Unite 2 Browser: Firefox 53.0.3 (32-bit) (works in Chrome) 1) Drag new accordion onto page 2) Change title of "Title 0" to anything 3) Drag a text element into "Title 0" section and add some text to it 4) Open section 2: "Title 1" section 5) Drag a text element into "Title 1" section The title on the Title 0 section will revert back to the default "Title 0" and all text within that section will be erased.

    Accordion Jun 17, 2017

    Sorry for the trouble, Chuck! We haven't yet been able to reproduce this issue here. If you can let our team know where this is happening on your site, we'll be glad to look further into things.

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Ken Schisler Jun 15, 2017
    For what it does, it does it quite well. Simple, straight forward and not to much fuss to get a few sections going with the information you want. The only thing I wish it was capable of is the ability to insert images in the Title of the Accordion, and not just the Body. Also the ability to change font style and color as well as "collapsed" background color would be awesome. If there is a way to do all of this and I just missed it, please tell me how!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Paula Roy Jun 15, 2017
    Easy to use and did exactly what I wanted it to do.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Aaron Reid Jun 10, 2017
    Doesn't work well if you have a lot of information.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Paolo Wright Jun 09, 2017
    It takes an effort to customize font colors etc. Have to refresh page etc, but it's very cool seeing the final result. Thanks
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Kate Larson Jun 06, 2017
    you should be able to shift the individual pieces. I'm using for an event. I should be able to shuffle the 6 existing. Can't find a way to do that.
    1 - 10 of 179