Accordion Shortcodes free WordPress plugin

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 edit your theme’s main stylesheet in order to add some custom styling (see below for sample 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. Sample CSS Here is some sample CSS to get you started if you want to customize the look and feel of the accordion. /* Accordion Styles */ .accordion { border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; } .accordion-title { border-top: 1px solid #dbdbdb; margin: 0; padding: 20px 0; cursor: pointer; } .accordion-title:hover {} .accordion-title:first-child {border: none;} .accordion-title.open {cursor: default;} .accordion-content {padding-bottom: 20px;} Opening an Accordion Via ID You can optionally add a unique ID to each of your accordion items and