A responsive, easily customized, accordion tool for RapidWeaver & Stacks that helps you organize your pages into collapsable sections.
Reorganize
Ivy 2 adds new functionality to allowing you to rearrange accordion elements within the stack, as well as delete individual items anywhere! We've also added a new collapse mode that makes rearranging elements a breeze!
Refined
We've added opacity sliders for the content background, label background, and selected label background color pickers. We've also included the ability to adjust each Ivy Item's colors independent from the rest of the accordion.
Built-in Styles
Ivy comes with 21 different built-in styles, with something to match most themes. In fact we've included several that are geared toward Elixir's own themes.
Customizable
We've included the ability to customize the look and feel of your accordion using a series of different color pickers instead of using a built-in style.
Icons
You can choose from a variety of different open and close icons for your accordion labels. You can also place the icons on either the right- or left-hand side of the label.
Open All
Ivy comes with an Open All option. Enabling Open All adds a switch to the bottom of the accordion which allows your visitor to open every accordion item at once.
Font Selection
You have the ability to choose font stylings for both the label and content of your Ivy accordion, as well as pick font sizes for your label that resize at 4 different responsive breakpoints.
Padding
You can adjust the padding for your accordion's content to add nice clean whitespace to your design, or get rid of the padding altogether.
Multiples
You can place as many Ivy accordions on a page as you like and they'll all work just as they should with one another. The stack is also capable of having other Ivy accordions nested within it.
Multi-view
Turning on Ivy's Multi-view allows for your visitor to open more than one accordion item at a time. When Multi-view is off only one accordion element will open at a time.
Rounded Corners
The Ivy accordion comes with a setting to let you adjust the design's corners, allowing you to choose a border radius from 0 to 6 px in size.
Start Open
You can choose to have Ivy automatically start with the first accordion item open when the page loads, getting your visitors right into your content.
Animations
Ivy has a few different animation styles for when your accordion items open and close. In addition to choosing an animation style you can set how long it will take for the animation to execute.
