How to set close or open specific Accordion Item in WordPress?

Key Takeaways

  • Nexter Blocks for Gutenberg allows users to set a specific Accordion item to open by default or keep all items closed.
  • Accordion block requires installation and activation of Nexter Blocks to function properly.
  • Default Active Tab option in the Accordion block lets users select which item is active on page load, enhancing FAQ and product page usability.
Table of Contents

Do you want to control which accordion item opens when the page loads? The Accordion block in Nexter Blocks for Gutenberg lets you set a specific item to open by default, or keep all items closed so visitors choose where to start.

But what if you want any specific accordion item to be active on page load?

To check the complete feature overview documentation of the Nexter Blocks Accordion block, click here.

Best Used For:

  • FAQ pages where one item should open by default to highlight the most common question
  • Product pages with collapsible feature sections that should all start closed
  • Knowledge base pages where all accordion items start collapsed for a cleaner layout

Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated.

By default, the first accordion item is active on page load. With the Nexter Blocks Accordion block, you can change this behavior to suit your content.

Set a specific accordion item to be active on load, or keep all accordion items closed by default so visitors choose which section to expand first.

To change the default state, add the Accordion block to your page and go to Extra Option > Default Active Tab. From the dropdown, select 0 to keep all accordion items closed by default, or select the number of the accordion item you want open on page load. Use this when you want a specific FAQ answer visible on page load, or when a clean collapsed state better suits your page design.

How to set close or open specific Accordion Item in WordPress?

Also check: How to open Accordion Tabs on hover in WordPress.

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!