=== Advanced Accordion Gutenberg Block – Create Beautiful FAQs, Content Accordions & Interactive Tabs ===
Contributors: spiderdevs, mdjwel , muaz404, freemius
Tags: accordion, FAQ, Gutenberg block, accordion block, FAQs
Requires at least: 5.0
Tested up to: 7.0
Stable tag: 5.4.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Donate link: https://advanced-accordion-block.spider-themes.net/pricing/

Create stunning FAQ & accordion blocks. SEO-optimized, fully accessible, zero performance impact. No coding needed.

== Description ==

**Advanced Accordion Gutenberg Block** is the #1 WordPress plugin for creating professional FAQ sections, expandable content accordions, and interactive tabs directly in the Gutenberg editor. Built with 100% native Gutenberg components, this lightweight plugin delivers stunning results without slowing down your website.

Perfect for bloggers, agencies, and businesses looking to organize content, improve user engagement, and enhance SEO performance—all without writing a single line of code.

### Why Choose Advanced Accordion Block?

✓ **Lightning-Fast Performance** – Optimized code means zero bloat. Only loads on pages using the block.
✓ **100% Gutenberg Native** – Built exclusively with Gutenberg components for seamless WordPress integration.
✓ **Unlimited Flexibility** – Nest accordions, mix content types, and customize every detail.
✓ **Consistent Update & Improvements** – Regular updates and improvements to keep the plugin secure, performant, and feature-rich.
✓ **SEO Optimized** – FAQ schema markup and responsive design help you rank higher.
✓ **Fully Accessible** – Complete keyboard navigation (Tab, Shift+Tab, Enter/Space, Arrow keys).
✓ **No Coding Skills Needed** – Drag-and-drop editor makes it easy for anyone.

### Video Overview
[youtube https://www.youtube.com/watch?v=UQDLpqro9yU]

### Quick Links
- [Get Pro Features](https://advanced-accordion-block.spider-themes.net/flexible-pricing-for-all) – Unlock advanced functionality
- [View Live Demos](https://advanced-accordion-block.spider-themes.net/demos) – See it in action
- [Full Documentation](https://helpdesk.spider-themes.net/docs/advance-accordions) – Complete guides and tutorials
- [Feature Showcase](https://advanced-accordion-block.spider-themes.net) – Explore all capabilities

== Core Features ==

**Free Version Includes:**

**Unlimited Accordions** – Create as many FAQs and accordion sections as needed across all pages and posts.

**Nested Accordion Support** – Build multi-level accordions for complex content hierarchies. Perfect for structured documentation and process guides.

**Global Style Settings** – Set universal accordion styling from one place. Apply consistent branding across your entire website with a single click.

**Responsive Design** – Perfect display on all devices—desktop, tablet, and mobile. Touch-friendly and fully responsive.

**Horizontal Accordion Block** – Display accordions side-by-side with titles, subtitles, icons, and any inner blocks. Ideal for product comparisons and feature showcases.

**Advanced Customization** – Customize margins, padding, border radius, colors, backgrounds, and more for each accordion item.

**Multiple Content Types** – Insert text, images, videos, tables, buttons, and any other block inside accordion sections.

**Pre-Built Patterns** – Get started instantly with professionally designed accordion patterns. Save hours of design work.

**Keyboard Accessibility** – Full keyboard navigation support:
  • Tab – Next accordion
  • Shift + Tab – Previous accordion
  • Enter/Space – Expand/collapse
  • Arrow Keys – Navigate between items

**Active on Page Load** – Automatically expand specific accordion sections when the page loads for better user engagement.

**SEO-Friendly with FAQ Schema** – Automatic FAQ structured data markup improves search rankings and enables Rich Results in Google Search.

**Linked Accordions** – Connect accordion items for synchronized, interconnected content experiences.

**Custom Color Palette** – Choose from unlimited color options to match your brand perfectly.

== Premium Features ==

Upgrade to Pro and unlock powerful advanced capabilities:

**Instant Search** – Enable a search bar to help users find specific FAQs quickly. It's useful when you have a long list of FAQs.

**Question & Answer (Q&A) Style** – Display FAQs in a structured question-and-answer format for easy readability and user engagement.

**Voting Feedback** – Add feedback voting buttons to each FAQ item. From the total vote count, you can understand how helpful an accordion is.

**Anchor Link** – Generate unique links for each FAQ item. It's handy for directing users to specific FAQs from external sources or within the same page.

**Open All / Close All** – A functionality that lets users expand or collapse all accordion items simultaneously. It provides convenience, especially when users want to view or hide all FAQ items at once.

**Read More Button** – Expand the accordion content beyond a certain character limit or line count, displaying a "Read More" button or link to reveal the entire content.

**Activator Event** – Choose the event type to activate the accordion. You can choose from Click and Hover.

**Steps Layout** – Sequentially open accordions, marking previously opened ones as checked, guiding users through a step-by-step process.

**Checklist Layout** – Convert accordions into a checklist format, allowing users to tick off completed items, ensuring thorough task management.

**Featured Icon** – Integrate custom icons/images into your accordion title to represent different types of themes visually. This enhances user experience and helps quickly differentiate content.

**Subheading Support** – Add unique subheadings to each accordion section for better content organization. This improves user navigation, making it easy for visitors to find and engage with specific information.

**Custom CSS Field** – With full custom CSS support, you can tailor your accordion's colors, fonts, and animations to seamlessly align with your website's style.

**Filter Tab by Category** – Easily filter and view specific content within your accordion sections. Set custom tags in the parent accordion, and watch the magic happen with dynamic filtering for a more organized and user-friendly experience.

**Show More Button** – Enhance user experience by enabling the "Show More" button in Group Accordion. Control how many items are displayed per click, keeping content organized and accessible.

**Labelling Option** – User can add custom text label beside the Single accordion title, making it easier to highlight key information and categorize content effectively.

**Autoplay Functionality** – Enable automatic section switching in Group Accordion blocks. Accordions will rotate between sections without user clicks, improving engagement and saving time.

**Feature Image Support** – Add a custom image to each Group Accordion block for a more visually appealing and easily recognizable layout.

**Auto-Numbering with Color Support** – Automatically number accordion items with customizable colors, giving your content a cleaner and more organized appearance.

**Next/Previous Navigation** – Enable smooth sequential browsing inside accordion content with built-in Next and Previous navigation controls, helping users move through sections without closing the accordion.

[See All Features](https://advanced-accordion-block.spider-themes.net/features)

### Creating an Accordion FAQ with Advanced Accordion
[youtube https://www.youtube.com/watch?v=K40z8KxojxE]

== Perfect For ==

📰 **Bloggers & Content Creators** – Organize long-form content into scannable, reader-friendly sections.

🛍️ **E-commerce Sites** – Build product FAQs that reduce customer support inquiries and boost conversions.

📚 **Service Providers** – Create comprehensive FAQ sections for agencies, consultants, and SaaS companies.

🏛️ **Educational & Training** – Build interactive step-by-step guides and course content with nested accordions.

🏢 **Corporate & Enterprise** – Professional Q&A sections with advanced filtering and custom styling.

💼 **Job Boards & Directories** – Expandable listings with custom organization and search capabilities.

== Frequently Asked Questions ==

= Is Advanced Accordion Block compatible with all WordPress themes? =

Yes! The plugin works seamlessly with any WordPress theme. It's built with 100% Gutenberg native components, ensuring universal compatibility. We've tested it with popular themes like Astra, GeneratePress, OceanWP, and more—it works perfectly with all of them.

= Will this plugin slow down my website? =

Not at all. Advanced Accordion Block is extremely lightweight and optimized for performance. JavaScript and CSS assets only load on pages where you actually use the block—not sitewide. Independent performance testing shows zero measurable impact on page load times.

= Do I need coding knowledge to use this? =

No! The entire plugin is drag-and-drop. Simply add the Accordion block from the Gutenberg editor, configure settings from the sidebar, and you're done. No custom code or technical skills required.

= Can I use the plugin for something other than FAQs? =

Absolutely! While excellent for FAQs, many users create content tabs, expandable guides, step-by-step tutorials, feature comparisons, timelines, checklists, and more. Your creativity is the only limit.

= Is it built with Gutenberg Native Components? =

Yes, 100%. We use only native Gutenberg components—no external frameworks or libraries. This ensures perfect WordPress integration and future compatibility.

= Can I nest accordions inside other accordions? =

Yes! Unlimited nesting is supported. Create complex, multi-level content hierarchies for documentation, courses, or detailed guides. Each nested level works perfectly.

= How many accordions can I create? =

Unlimited! Create as many accordions as needed across all pages and posts. There's no artificial limit or performance penalty.

= Is the plugin responsive on mobile? =

Completely responsive. Accordions adapt perfectly to all screen sizes—desktop, tablet, and mobile. Touch interactions work flawlessly on mobile devices.

= Can I customize the colors and styling? =

Extensively! Customize every aspect—colors, backgrounds, margins, padding, border radius, typography, and more. The free version includes extensive styling options, while the Pro version adds CSS customization for total control.

= Does it support SEO and structured data? =

Yes! The plugin includes automatic FAQ schema markup (JSON-LD) for search engines. This enables Rich Results in Google Search, helping you rank higher and get featured snippets.

= How is the Pro version different from free? =

The free version is feature-rich and suitable for most users. Pro adds advanced capabilities like search, voting, anchor links, auto-play, steps/checklist layouts, and category filtering. See the features section above for the complete comparison.

## WHAT’S NEXT? 

If you like Advanced Accordion, then consider checking out our other WordPress Plugins: 

[EazyDocs](https://wordpress.org/plugins/eazydocs) – Powerful knowledge base plugin to easily create and manage professional documentation, wikis, and helpdesk sections.

[Antimanual](https://wordpress.org/plugins/antimanual) – AI-powered assistant that automates content creation, documentation, and support, transforming static sites into dynamic experiences.

[Changeloger](https://wordpress.org/plugins/changeloger) – Transform plain text changelogs into visually stunning, organized representations with pagination and version links.

[Forumax](https://wordpress.org/plugins/bbp-core) – Standalone, feature-rich community forum plugin with voting, private replies, and Elementor integration.

[Jobus](https://wordpress.org/plugins/jobus) – Comprehensive job board solution transforming your site into a recruitment platform with dashboards and ATS.

[Spider Elements](https://wordpress.org/plugins/spider-elements) – Versatile library of 20+ creative widgets to enhance Elementor and build professional websites.

== Screenshots ==
1. Advanced Accordion Block Patterns – Pre-built accordion patterns for creating advanced layouts instantly.
2. Admin Dashboard – Accordion usage tracking and analytics panel.
3. Pre-Built Pattern - Modern single accordion – Professional and styling.
4. Horizontal Accordion - Feature Showcase – Horizontal layout for product features.
5. Separate Accordion - Display each accordion section individually.
6. Active Background Style – Highlight active item with background.
7. Minimal Border – Clean, lightweight border for simple layout.
8. Admin Dashboard – Accordion usage tracking and analytics panel.
9. Advanced Accordion View – Side panel layouts (left and right positioning options).
10. Simple Accordion - Clean, minimal design for basic FAQs.


== Installation ==

### Automatic Installation (Recommended)

1. Log into your WordPress admin dashboard
2. Go to **Plugins > Add New**
3. Search for "Advanced Accordion Block"
4. Click **Install Now**, then **Activate**
5. Done! Start creating accordions from the Gutenberg editor

### Manual Installation

1. Download the Advanced Accordion Block plugin from WordPress.org
2. Unzip the `advanced-accordion-block.zip` file
3. Upload the entire `advanced-accordion-block` folder to `/wp-content/plugins/` via FTP or file manager
4. Go to **Plugins** in your WordPress admin
5. Find "Advanced Accordion Block" and click **Activate**

### First Steps After Installation

1. Create or edit a page/post in WordPress
2. Click the + button to add a new block
3. Search for "Accordion" and select the Accordion block
4. Start adding your content and customizing
5. Check the settings panel on the right for design options

Need help? [Read our complete documentation →](https://helpdesk.spider-themes.net/docs/advance-accordions)


== Upgrade Notice ==

= 5.1.0 =
Major update with autoplay functionality, feature image support, auto-numbering with colors, and Steps with Progress Bar. Enhanced pattern designs and improved settings UI. Recommended for all users.

= 5.0.4 =
Performance improvements and Freemius SDK update. Maintains full compatibility with latest WordPress versions.

= 5.0.0 =
Major feature release with Show More button, Labels support, and significant UI improvements. Users should upgrade for enhanced functionality.

== Changelog ==


= 5.4.0 (09 June 2026) =
Updated: Group Accordion Editor Layout – Reorganized key settings sections for faster setup and clearer styling flow.
Improved: Active State Styling – Expanded active header, body, and border controls for more predictable design results.
Improved: Admin Workflow Security – Strengthened validation checks during page-creation actions in the admin area.
Improved: Refactored accordion block classes and added deprecated save handlers for smoother block migrations and legacy content support.
Optimized: Dynamic Style Output – Improved generated frontend styles for more consistent search and button rendering.
Fixed: Icon Placement Controls – Resolved icon position inconsistencies in group accordion title areas.
Fixed: Resolved editor crash when adding or deleting accordion patterns.
Fixed: Added support for deprecated title identifiers in accordion items to ensure backward compatibility.




= 5.2.3 (03 February 2026) =
Added: backward-compatible deprecations for Group Accordion and Accordion Item to ensure smooth upgrades.
Improved: Block usage tracking optimized by filtering posts directly in SQL, significantly reducing memory usage.
Improved: Editor performance enhanced by reducing unnecessary re-renders in accordion edit components.
Improved: Accordion item edit logic refactored to reduce excessive hooks and improve stability.
Improved: Accordion container now applies a sensible default margin for better layout consistency.
Improved: Group Accordion output structure simplified using default attributes.
Improved: Keyboard navigation performance optimized for Separate Accordion blocks.
Fixed: Critical CSRF and authorization vulnerability in block usage bulk actions.
Fixed: Stored XSS and CSS injection issues in Group Accordion block by strengthening sanitization.
Fixed: Styles and scripts moved from save output to PHP render for safer and more reliable rendering.
Optimized: Admin block usage table performance by eliminating N+1 author meta queries.
Optimized: Global settings loading optimized to prevent repeated API requests in the editor.
Optimized: Rewrite of block usage queries and editor selectors to reduce CPU usage and improve responsiveness.
Refactored: Codebase standardized with strict comparisons, WPCS compliance, and improved security checks.

= 5.2.2 (01 January 2026) =
New: Added "Scroll to Active Accordion" feature in Group Accordion settings
New: Added active state header styling options (Background & Text Color)
Fixed: Minor bugs resolved to improve overall stability
Tweaked: Reorganized settings panels for better usability across all blocks
Improved: Modern dashboard design introduced with enhanced UI and user experience
Improved: Smoother open/close animations and icon rotation effects
Improved: Editor experience - Heading area is now fully clickable for easier editing
Optimized: Performance improvements applied for faster loading and smoother interactions

= 5.2.1  (07 December 2025) =
Tweaked: Reorganized the Group Block Settings panel for improved usability
Improved: General enhancements and minor fixes applied across the block for better stability

= 5.2.0  (18 November 2025) =
Fixed: Horizontal accordion display issue
Updated: All patterns for improved consistency
Updated: Freemius SDK updated to 2.13.0

= 5.1.0  (14 August 2025) =
Fixed: Editor slow performance issue
Fixed: Accordion style options spacing control issue (Margin & Padding)
Tweaked: Replaced inline styles with class-based styling
Updated: Accordion block Patterns
Updated: Freemius SDK to version 2.12.1

= 5.0.4  (05 June 2025) =
New: Added Global Style settings (Set a global design for all accordions from one place. Just click the AAB icon in the editor toolbar to style them all at once)
Updated: Freemius SDK updated to 2.12.0

= 5.0.3  (26 April 2025) =
Fixed: Vulnerability issues resolved

= 5.0.2  (25 April 2025) =
New: Introduced Horizontal Accordion Block – Easily create side-by-side accordions with support for titles, subtitles, icons, and full inner block customization
Fixed: Vulnerability issues resolved
Fixed: Resolved the enter/space key issue in nested accordions
Tweaked: Improve keyboard accessibility (ArrowUp/ArrowLeft → Moves to the previous accordion, ArrowDown/ArrowRight → Moves to the next accordion)
Tweaked: Keeping the scroll position at the same place while an accordion expands/collapses

= 5.0.1  (11 April 2025) =
New: Keyboard Accessibility for Better Navigation (Tab Key → Moves focus to the next accordion, Shift + Tab → Moves focus to the previous accordion, Space/Enter Key → Expands the focused accordion)
Tweaked: Hide global labels color if no accordion has labels enabled

= 5.0.0  (12 March 2025) =
New: language file added
New: Added a default background color in every single accordion title
Tweaked: Reorganized controls & structure
Tweaked: Improved default accordion design
Tweaked: Improved custom colorpicker
Tweaked: lib folder name renamed to assets to organize all CSS and JS files in a single folder

= 4.8.2  (12 February 2025) =
New: Nested Accordion Support (Now, you can use an accordion within another accordion, allowing for better content structuring and organization)
New: Accordion Usage Table Dashboard added on admin panel (Now, you can see where your accordions are used in pages or posts and track how many times a specific accordion appears on a single page/post)
New: Added Custom Recovery Button On top toolbar that recovers all recovery block in a single click (If you see the attempt recovery notice, you'll find a button on the top toolbar. Clicking it will dismiss all recovery notices instantly)
New: Added Pattern Design (We've added pre-designed patterns to make your accordions look more stylish and visually appealing with just a few clicks)
Tweaked: Improved the color picker (We've made the color picker more intuitive and compact, simplifying the design for a smoother user experience)
Updated: Freemius SDK to 2.11.0

= 4.8.1  (18 January 2025) =
New: You can now set a unique ID in the Group/Separate accordion block
Fixed: HTML anchor issue
Fixed: Translatable accordion title (previously it was not translatable with the WPML plugin)
Tweaked: Removed the 'Active accordion border' option from "Q/A" style
Tweaked: Now you can set separate IDs in every accordion

= 4.8.0  (03 January 2025) =
Fixed: Icon change option of group accordion
Tweaked: Focus border color removed from Separate Accordion block
Tweaked: Added padding support in accordion body (Previously, padding support was only available for the header. Now, it has been added to both the header and body)
Tweaked: Moved the styling options to parent in the Group Accordion
Tweaked: Adding some padding in the content are of every single accordion
Tweaked: Deprecated function updated
Updated: Freemius SDK to 2.10.1