Accordion Shortcodes is a simple plugin that adds a few shortcodes for adding accordion drop-downs to your pages.
The accordions should blend seamlessly with your theme. However, you may want to be able to edit your themes main stylesheet in order to add some custom styling (CSS).
Features
Adds two shortcodes for adding accordions to your site
Supports multiple accordions with individual settings on a single page
Two buttons in the TinyMCE editor make it easy to add and configure the accordion shortcodes
Responsive
No default CSS added
Only adds JavaScript on pages that use the shortcodes
Support for item IDs and direct links
Accessible (for users requiring tabbed keyboard navigation control)
Optional Features
Open the first accordion item by default
Open all accordion items by default
Disable auto closing of accordion items
Manually close items by clicking the title again
Scroll page to title when it's clicked open
Set the HTML tag for the title element
Change the semantic structure of your accordions (advanced)
The Shortcodes
The two shortcodes that are added are:[accordion]...[/accordion]
and
[accordion-item title=""]...[/accordion-item]
Basic Usage Example
[accordion]
[accordion-item title="Title of accordion item"]Drop-down content goes here.[/accordion-item]
[accordion-item title="Second accordion item"]Drop-down content goes here.[/accordion-item]
[/accordion]
This will output the following HTML:
Title of accordion item
Drop-down content goes here.
Second accordion item
Drop-down content goes here.
Advanced Settings
There are a few advances settings for the plugin.
Tags: Accordion, accordions, accordions plugin, accordions plugin jquery, accordions plugin wordpress, accordions short-code, jQuery accordions, Responsive accordions, shortcodes
