NGT Advanced Auto Content Accordions

Transform Your Headings into Interactive, Space-Saving Accordions
The NGT Auto Heading Accordions is a lightweight, performance-focused layout engine designed for professional WordPress sites. Built with a clean, SaaS-style settings dashboard, it gives you absolute control over how your long-form content is structured without injecting heavy, site-slowing inline CSS bloat.

Whether you want to organize a complex FAQ section, streamline documentation, or break down lengthy articles, this plugin intelligently adapts to your site’s structure. Convert your entire page instantly, or use our native editor blocks to build custom accordion zones exactly where you need them.

Key Features:

• Dual Rendering Modes (Auto & Manual): Let the plugin automatically convert your selected heading tags (H1–H6) into accordions page-wide, or use Manual mode for pinpoint precision. No messy shortcodes required.
• Native Gutenberg Block Control: Drop in the custom Start Accordion and Stop Accordion blocks directly from your editor. Create unlimited, self-contained accordion zones on a single page while leaving your normal text and images completely untouched!
• Zero-Bloat Architecture: Utilizes pure external CSS and JS files with dynamic cache-busting and CSS Custom Properties, ensuring zero impact on your Core Web Vitals and loading speeds.
• Advanced Display Rules: Granular control lets you restrict accordion rendering to specific block templates, individual post types, or even strictly to specific, comma-separated Page IDs.
• SaaS-Style Control Panel: A beautiful, intuitive dashboard featuring native WordPress color pickers for precise branding of title hover states, bottom underlines, and arrow backgrounds.
• Interactive Behavior Logic: Optimize the user experience by choosing to keep the first item open by default, or enabling the “Auto-Close” feature to automatically collapse other panels when a new one is clicked.
• Fluid Full-Width Layout: Intelligently overrides constrained parent containers to ensure your accordions span beautifully edge-to-edge across modern WordPress block themes.
• Modern SVG Iconography: Features a sleek, hardware-accelerated SVG chevron toggle that perfectly inherits your custom hover and active state colors independently from your text.

Installation Guide

Method 1: WordPress Dashboard

1. Log in to your WordPress Admin dashboard.
2. Navigate to Plugins > Add New.
3. Click Upload Plugin at the top of the screen.
4. Select the ngt-accordion-toc.zip file from your computer and click Install Now.
5. Click Activate Plugin.
6. Navigate to Auto Accordions in the main left-hand menu to configure your design and behavior settings.

Method 2: Manual FTP Upload

1. Extract the ngt-accordion-toc.zip file on your computer.
2. Using your preferred FTP client, upload the extracted ngt-accordion-toc folder to the /wp-content/plugins/ directory on your server.
3. Log in to your WordPress Admin dashboard.
4. Navigate to Plugins > Installed Plugins.
5. Locate NGT Auto Heading Accordions in the list and click Activate.
6. Navigate to Auto Accordions in the main menu to begin customization.