Materialize Accordions


This plugin allows you to add a collapsible accordion with a title and body text via shortcode on any page or post. It is based off the Materialize CSS framework. The interface is simple allowing you to sort sections around easily. It is fully responsive and mobile friendly and allows for keyboard accessibility. This plugin works with the Classic editor or the Gutenberg shortcode block and should have no conflicts with other plugins. For more options in the settings and support, please get the PRO version.

If you’d like to see a demo of the accordions, please go here.

Note: Installing and activating the PRO version will not affect any accordions already published; they will still be there. The free version will automatically be deactivated and you can delete it afterwards.

Plugin Features

Simple User Interface
Everything you need to setup an accordion, drag and drop them, and add more blocks/sections is on one page

Unlimited Accordions
There is no limit on how many accordions you make

Display with Shortcode
Accordion and tabs can be displayed anywhere via shortcode in page, post content, sidebar or widgets and gutenberg blocks: [MA_shortcode id=XX]

Full Keyboard Accessibility
All accordion sections can be accessed using the Tab key on the keyboard

Open and Close All Tabs
You can close and open all links/tabs at once

Deep Linking
Tab links can be opened directly in a browser by adding #1 – #10 to the end of the url where an accordion exists on a page or post

Custom CSS and JS
Option is available to add CSS or JavaScript in the admin area

Small File Sizes
Only 2 files and they are only loaded on the pages or posts that you actually have a shortcode on

Easy Migration
Get the pro version for 10+ more settings options and migrate all published accordions with absolute ease


  • Full view of the admin post screen
  • View of display settings
  • View of example accordion on a page


  1. Upload the folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the “accordion-and-accordion-slider” list plugin through the ‘Plugins’ menu in WordPress.
  3. Use the shortcode in post or page with XX being your post/page ID
    [MA_shortcode id=XX]

How to install :


Q- Can it be used directly in a template?

A- Yes, it can be done. You or your developer can add this to your template file: <?php echo do_shortcode('[MA_shortcode id=XX]'); ?> and replace [MA_shortcode id=XX] with your shortcode.

Q- Is it worth it to get the pro version?

A- Heck yeah. More options is better…right?

Get Pro Features & support

Get support from our team and pro features with Materialize Accordions Pro.


2020(e)ko apirilaren 11(a)
It was easy to get an accordion on a page and I love the fact that there are no annoying ads too.
2020(e)ko martxoaren 24(a)
This accordion plugin is insanely simple. There is another one out there that’s similar…but it’s buggy. This one is not.
Irakurri 4 berrikuspenak

Laguntzaileak eta Garatzaileak

“Materialize Accordions” software librea da. Ondoko pertsonek egin dizkiote ekarpenak plugin honi.


Aldaketen loga


  • Verified compatibility with WP Version 6.6


  • Added option for revisions


  • Verified compatibility with WP Version 6.3


  • Verified compatibility with WP Version 6.1


  • Ensured compatibility with WP Version 6.0


  • Checked compatibility with WP Version 5.9


  • Checked compatibility with WP 5.8


  • Made Compatible with WP 5.7 & small update to CPT args


  • Updated jQuery UI file


  • Made Compatible with WP 5.6 & minor backend change


  • Fixed minor accessibility issues


  • Minor backend change


  • Added function for minus on expanded tabs & ability to nest shortcodes


  • Minor css change


  • Ensured scripts are loaded only when shortcode is on a page & updated codemirror


  • Minor admin change


  • Fixed minor bug


  • Added custom css and js area in admin


  • Added duplication feature


  • Moved all front end js/jquery to one file & removed materialize js library
  • Updated names of public css and js files


  • Initial release