Accordion Block Pro adds an accessible and responsive Accordion block to the WordPress block editor inserter which can be added to display list items that expand and collapse to show and hide their associated sections of content.

Ideal for condensing longform or complex content, such as Frequently Asked Questions (FAQ). Also useful for reducing page scrolling.

• Accessible
• Responsive
• Inserter button for adding accordion items    
• Settings
  • Block alignment
  • Text alignment
  • Text formatting
  • Header element
  • Header icon [Pro]
  • Header icon position [Pro]
• Color
  • Text
  • Background
  • Link
  • Header text [Pro]
  • Header text hover [Pro]
  • Header text active [Pro]
  • Header icon [Pro]
  • Header icon hover [Pro]
  • Header icon active [Pro]
  • Header background [Pro]
  • Header background hover [Pro]
  • Header background active [Pro]
  • Panel text [Pro]
  • Panel background [Pro]
• Typography
  • Font family
  • Font size
  • Appearance
  • Line height
  • Letter spacing
  • Text decoration
  • Letter case
• Dimensions
  • Padding
  • Margin
  • Item padding [Pro]
  • Item margin [Pro]
  • Header icon width [Pro]
  • Header padding [Pro]
  • Header margin [Pro]
  • Panel padding [Pro]
  • Panel margin [Pro]
• Border
  • Item border [Pro]
  • Item border radius [Pro]
  • Header border [Pro]
  • Header border hover [Pro]
  • Header border active [Pro]
  • Header border radius [Pro]
  • Panel border [Pro]
  • Panel border radius [Pro]
• Variations [Pro]
  • Lines [Pro]
  • Blocks [Pro]

• WordPress 6.0 or greater
• PHP version 7.4 or greater
• MySQL version 5.7 or greater or MariaDB version 10.3 or greater.

1. Login to your WordPress site at domain.com/wp-admin, where domain.com is the domain of your WordPress site.
2. On the Dashboard page, in the left menu, click Plugins.
3. On the Plugins page, click Add New Plugin.
4. On the Add Plugins page, click Upload Plugin.
5. Click Choose File, locate the .zip file and click Open. 
6. Click Install Now.
7. On the Installing Plugin from uploaded file page, click Activate.