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.
###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.
###Requirements 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.
3 months ago
Great stack which works perfectly out of the box. Highly customisable and also has a host of really nice themes built in.
6 years ago
As accordion stacks go, this is one extremely easy to use and highly customizable. I highly recommend this stack from Elixir.