Accordion Blocks vs Accordion & FAQs

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

Thanks for visit our plugin. Need an awesome accordion FAQ plugin then this is it. Responsive Accordion is has buildup with excellent accordion FAQ builder for wordpress. You can add unlimited accordion and faqs with unlimited color.You can easy manage your accordion using backend. Responsive Accordion is built-in bootstrap. Accordion & FAQs Features Responsive & Mobile ready. Lightweight, Fast and Robust. Easy admin panel. 5 Pre Design Templates Multiple Accordions. (Create unlimited accordions into the same page/post) Searchable Accordions WP Editor(WYSIWYG) for accordion content. Multiple Accordions Collapsible or Toggle. Add & Delete Accordion item from Back-end. Expand & Collapse Icons On/off. Multi-site Supported. Compatible with any Theme. Developer friendly & easy to customize. Semantic HTML5 design and CSS3 transitions. Cross-browser Supported. Accordion Box Pro With WooCommerce Addon Features Responsive & Mobile ready. Lightweight, Fast and Robust. Easy admin panel. Multiple Accordions. (Create unlimited accordions into the same page/post) Add Accordion in WooCommerce Product Page Add Accordion in WooCommerce Product Custom Tabs Can add image and file upload in each Accordion Searchable Accordions WP Editor(WYSIWYG) for accordion content. Multiple Accordions Collapsible or Toggle. Add & Delete Accordion item from Back-end. Each Accordion On/Off setting Expand & Collapse Icons On/off. Multiple Fonts Family for Accordion Multiple Color Setting for Accordion Multi-site Supported. Compatible with any Theme. Developer friendly & easy to customize. Semantic HTML5 design and CSS3 transitions. Cross-browser Supported. 12 Design Templates Preview Option Widget Option Limitless accordion anywhere in the theme Use via short-codes Bootstrap framework based Font Awesome Icon Support Hide All Accordion on page load or display all Add and remove accordion item from backend. Upgrade To Pro Accordion Box Pro With WooCommerce Addon Demo