accordion-shortcodes

This works but it shows a blue border around the Accordion titles when clicked to open. Odd.

This is really nice and simple plugin! Thanks for a great job!

This little piece of script works, keeps on working, and hasn’t failed yet, although you now do have to hand place the shortcodes since the changes started in prep for Gutenburg (the icons no longer show up on the visual editor menu). I’ve used it for years, all the way up to 5.0.2 .

Hey mate, your plugin is so simple and so awesome that I really do hope you’ll keep it around updated for us! All the best!

Just what I needed to make it easy to insert accordion elements anywhere in the pages, multiple times. Hope this gets an update to show as compatible with the latest version of WP (it works).

I needed a replacement for the [toggle] shortcode in the Canvas theme by WooThemes and this does the job perfectly. It doesn’t have all the bells and whistles of [toggle], but I wasn’t using those anyway. Here is the css I used, based on the example johanneseva gave in his comment (Thanks!) Mine creates a grey background for each accordion item. .accordion-title { background-image: url(./images/shortcode-toggle-open.png); background-size: 20px 20px; background-position: right center; background-repeat: no-repeat; padding-right: 26px; /* so that title does not overlap icon */ } .accordion-title.open { background-image: url(./images/shortcode-toggle-close.png); } .accordion h4.accordion-title { border-right: 5px solid #e4e8ec; /* so that icon is some distance from right border */ background-color: #e4e8ec; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; cursor: pointer; } .accordion-content { border: 1px solid #ebebeb; background: #f9f9f9; padding: 10px 10px; }