J. Duijvelshoff

Simple and good accordion plugin providing 2 blocks: Accordion and Accordion-pane. Drag an Accordion block into your post, page or custom post type and hit the ‘Add pane’ button for as often as you need.
Features:
<ul>
<li>Setting for ‘One at a time’. Only one pane within an accordion can be opened. Uncheck this to allow for all panes to be opened simultaneously.</li>
<li>Use ‘Tab’ key to focus panes and hit ‘Enter’ to open</li>
<li>Extensive Use of Accessability attributes</li>
<li>Optionally choose for HTML and tags. </li>
<li>Panes scroll into view when a previous pane gets closed</li>
<li>Adjust colors, margins and padding in the block editor</li>
<li>Add styling via css, css-vars or theme.json</li>
</ul>
<h3>Use</h3>
Drag an Accordion block into a post or page or CPT and use the ‘Add pane’ button at the bottom of the block to add pane-blocks.
<h3>styling</h3>
At the root some basic styling variables are defined that can be overwritten by your theme. Some of these can be changed ad hoc by the user in de block-editor. These are:
<pre><code> --wp--custom--accordion--transition-time: 0.1s;
 --wp--custom--accordion--margin-top: 0px;
 --wp--custom--accordion--margin-right: 0px;
 --wp--custom--accordion--margin-bottom: 0.1em;
 --wp--custom--accordion--margin-left: 0px;
 --wp--custom--accordion--header-padding-top: 0.5em;
 --wp--custom--accordion--header-padding-right: 2em;
 --wp--custom--accordion--header-padding-bottom: 0.5em;
 --wp--custom--accordion--header-padding-left: 2em;
 --wp--custom--accordion--content-padding-top: 0.5em;
 --wp--custom--accordion--content-padding-right: 2em;
 --wp--custom--accordion--content-padding-bottom: 0.5em;
 --wp--custom--accordion--content-padding-left: 2em;
 --wp--custom--accordion--header--text-color: #ffffff;
 --wp--custom--accordion--header--background-color: #666666;
 --wp--custom--accordion--header--active-text-color: #ffffff;
 --wp--custom--accordion--header--active-background-color: #999999;
 --wp--custom--accordion--body--text-color: #ffffff;
 --wp--custom--accordion--body--background-color: #666666;
</code></pre>
The default values can also be defined in the theme.json of your (child-) theme:
Add them to the theme.json like so:
<pre><code>{
 "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
 "version": 3,
 "settings": {
 "custom": {
 "accordion": {
 "transitionTime": "0.1s",
 "marginTop": "0px",
 "marginRight": "0px",
 "marginBottom": "0.1em",
 "marginLeft": "0px",
 "headerPaddingTop": "1em",
 "headerPaddingRight": "1em",
 "headerPaddingBottom": "1em",
 "headerPaddingLeft": "1em",
 "contentPaddingTop": "0.5em",
 "contentPaddingRight": "2em",
 "contentPaddingBottom": "0.5em",
 "contentPaddingLeft": "2em",
 "headerTextColor": "#ffffff",
 "headerBackgroundColor" : "#666666",
 "activeHeaderTextColor": "#ffffff"
 "activeHeaderBackgroundColor": "#999999",
 "bodyTextColor": "#000000",
 "bodyBackgroundColor" : "#ffffff",
 }
 }
 }
}<h3>Accessability</h3>The pane-headers have a tab-index. If the Enter-key is pressed while a pane-header has focus, a click-event is triggered on that pane-header thereby activating / opening it.
</code></pre>

Good Accordion

Wordpress accordion block. Simple, small and good.

Freemius

Abu Hayat

bPlugins

shehabulislam

Prosanta Roy

Awesome FAQ is a lightweight, user-friendly WordPress plugin that lets you create beautiful and responsive FAQ sections using Gutenberg Blocks or shortcodes. 
Perfect for bloggers, business owners, online shops, portfolios, and anyone who needs a simple and elegant way to display frequently asked questions.
<a href="https://demo.bplugins.com/demo/all-demos-in-one-place/" rel="nofollow ugc">Live Demos</a> | <a href="https://bplugins.com/products/faq-and-answers/pricing/" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/faq-and-answers/" rel="nofollow ugc">Awesome FAQ</a>
<h3>🚀 Boost Your SEO with FAQ Schema (JSON-LD)</h3>
FAQ Schema is built right in. With one click, your FAQs are marked up with Google-recommended structured data — increasing the chances of rich results and “People Also Ask” snippets in search engines. 
No extra SEO plugin needed.
<h3>📊 Analytics Dashboard (New)</h3>
Track how visitors interact with your FAQs. See which questions get the most views, clicks, and engagement — so you can continuously improve your content.
AI-Generated Answers (New): Generate clear, professional responses in seconds and edit them to fit your brand voice. 
Whether you are using the modern Gutenberg Editor or the Classic Editor, this plugin provides full flexibility with dedicated blocks and easy-to-use shortcodes.
Perfect for bloggers, business owners, online shops, portfolios, and anyone who needs a simple and elegant way to display frequently asked questions.
<h3>⭐ Key Features</h3>
<ul>
<li>7 Free modern FAQ themes </li>
<li>5 Premium FAQ themes in Pro </li>
<li>Fully responsive on all devices 
-Two Column FAQ and Horizontal FAQ</li>
<li>Gutenberg Block support </li>
<li>Shortcode support for any page or widget </li>
<li>Smooth animations</li>
<li>AI-powered answer generation for FAQs.</li>
<li>FAQ Schema SEO </li>
<li>Fast and lightweight </li>
<li>Extremely easy to use—no coding needed </li>
<li>100% ad-free</li>
</ul>
<h3>🔥 Pro Features</h3>
Upgrade to the Pro version for full customization: 
– Premium FAQ templates for stunning designs. 
– FAQ categories and filters for better organization. 
– FAQ search option to help users find answers quickly. 
– Multi-column FAQ layouts for modern website designs. 
– Classic Editor support for rich and flexible FAQ answers. 
– Analytics dashboard to track user interactions and popular questions. 
– Advanced customization controls for colors, icons, spacing, and typography. 
– Additional layouts & animation effects. 
– Perfect for business websites, blogs, agencies, documentation, and support centers.
<h3>How To Use</h3>
Awesome FAQ provides two easy ways to add FAQs to your website: Gutenberg Block and Shortcode.
1. Using Gutenberg Block
<ol>
<li>Open the WordPress Block/Gutenberg Editor on any page or post.</li>
<li>Click the Add Block (+) button.</li>
<li>Search for Awesome FAQ in the block directory.</li>
<li>Click on the block to add it to your content.</li>
<li>Customize the FAQ section using the block settings:
<ul>
<li>Choose a theme (free or Pro)</li>
<li>Set colors, icons, typography, and toggle options</li>
<li>Add questions and answers</li>
</ul>
</li>
<li>Preview and publish your page. Your FAQ section is now live!</li>
</ol>
2. Using Shortcode (via Custom Post Type)
<ol>
<li>In the WordPress dashboard, go to Awesome FAQ → Add New FAQ.</li>
<li>Enter your question and answer for each FAQ item.</li>
<li>Assign categories or groups if needed (for multiple FAQ sections).</li>
<li>Click Publish to save the FAQ item.</li>
<li>Copy the generated shortcode displayed on the page.</li>
<li>Paste the shortcode into any post, page, or widget where you want the FAQ to appear.</li>
<li>Save and preview to see your FAQs in action.</li>
</ol>
<h3>Why Use Awesome FAQ?</h3>
✔ Create beautiful and interactive FAQ sections easily. 
✔ Help visitors find answers quickly and improve user experience. 
✔ Reduce repeated customer support questions. 
✔ Organize FAQs with categories, filters, and search options. 
✔ Improve SEO with structured FAQ schema support. 
✔ Fully responsive and optimized for all devices. 
✔ Customize colors, typography, spacing, icons, and layouts without coding. 
✔ Perfect for businesses, blogs, product pages, and help centers.
<h3>Common Use Cases</h3>
The plugin is useful for many types of WordPress websites:
✔ Business Websites: Display common customer questions professionally. 
✔ Product Documentation: Organize product guides and troubleshooting FAQs. 
✔ Educational Websites: Create student help sections and learning resources. 
✔ Agency & Service Sites: Showcase service-related FAQs for clients. 
✔ Knowledge Bases & Help Centers: Build searchable support sections easily. 
✔ Blog Websites: Add FAQ sections to improve SEO and user engagement.
<h4>Feedback</h4>
Love the plugin? Want new features? Need support? 
We’d love to hear from you: 
📩 <a href="https://bplugins.com/support/" title="Send feedback" rel="nofollow ugc">Send your feedback</a>
<h4>⭐ Check out our other WordPress Plugins</h4>
🔥 <a href="https://audioplayerwp.com/" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress. 
🔥 <a href="https://wpvideoplayer.com/" rel="nofollow ugc">Html5 Video Player</a> – Fully customizable video player plugin. 
🔥 <a href="http://pdfposter.com/" rel="nofollow ugc">PDF Poster</a> – Display PDFs beautifully on your website. 
🔥 <a href="https://wordpress.org/plugins/streamcast" rel="ugc">StreamCast</a> – Powerful radio player plugin. 
🔥 <a href="https://3d-viewer.bplugins.com/" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models easily.

Awesome FAQ  – Modern Accordion, Tabs,Responsive & Super Fast FAQ Builder.

This plugin i have developed for add Faq are in one of my clients website. 

Good Accordion vs Awesome FAQ – Modern Accordion, Tabs,Responsive & Super Fast FAQ Builder.