Accordion Style for the Details Block (SCSS)
Styles the core Details block as a polished accordion with borders, a rotating plus icon and comfortable spacing, so FAQs look finished without a plugin.
Snippet Library
WordPress code snippets, ready to use
3,040 free snippets from the WPIDE team and the community. Copy the code, or add any snippet to your site in one click with WPIDE.
Collapsible Sidebar Widgets on Phones
Folds sidebar and footer widgets into tap-to-open sections on small screens, so visitors reach the content and footer without scrolling past long widget lists.
Collapsible Toggle Shortcode
Adds a [toggle] shortcode that hides text behind a clickable title, built on the native details element so it works without JavaScript.
Divi Accordions That Start Closed
Makes every Divi accordion load with all items closed instead of the first one open, and lets visitors close an open item again by clicking its title.
FAQ Accordion After Product Pages
Adds a short list of common questions and answers (shipping, returns, warranty) at the bottom of every product page.
FAQ Accordion Shortcode With Schema
Adds a [faq_list] shortcode that shows FAQ posts as accessible collapsible questions and adds FAQPage structured data for them.
FAQ Accordion Styles (SCSS)
Styles collapsible FAQ items (from the FAQ list and ACF FAQ shortcodes, or any Details block) with dividers, a plus/minus marker and a visible keyboard focus ring.
Nicer Styling for Details (Accordion) Blocks
Gives the Details block and other summary/details elements a clean accordion look with a border, padding and a rotating arrow.
Open Only One Details Block at a Time
Makes neighboring Details blocks behave like an accordion: opening one question closes the others in the same group, which keeps long FAQs tidy.
Open a Divi Toggle or Accordion From the URL
Opens the Divi toggle or accordion item whose CSS ID matches the address hash (for example #shipping) and scrolls to it, so you can link straight to an answer.
Smooth Open and Close Animation for Details Blocks
Animates Details (accordion) blocks so the answer slides open and closed smoothly instead of jumping, in browsers that support animating to auto height.
Turn Headings Into an Accordion
Turns every H3 inside a block with the class "wpide-accordion" into a clickable question that shows or hides the content below it, for FAQs written as plain headings and paragraphs.