Materialize Accordions

Description

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

Screenshots

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

Installation

  1. Upload the materialize_accordions.zip 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 :

FAQ

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.

Reviews

11 aprila, 2020
It was easy to get an accordion on a page and I love the fact that there are no annoying ads too.
24 marca, 2020
This accordion plugin is insanely simple. There is another one out there that's similar...but it's buggy. This one is not.
Read all 4 reviews

Contributors & Developers

“Materialize Accordions” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.4.1

  • Minor css change

1.4.0

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

1.3.2

  • Minor admin change

1.3.1

  • Fixed minor bug

1.3.0

  • Added custom css and js area in admin

1.2.0

  • Added duplication feature

1.1.0

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

1.0.0

  • Initial release