Ivy is a responsive accordion stack that helps you to organize your pages into collapsable sections and streamline your content. Ivy can be easily customized through a variety of different settings.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
The Ivy accordion stack requires RapidWeaver v6 or above and the Stacks plugin v2 or above to work. It is compatible with Safari, Chrome, Firefox and Internet Explorer 9 and up.
2 years ago
As accordion stacks go, this is one extremely easy to use and highly customizable. I highly recommend this stack from Elixir.