Helpjuice provides accordions and tabs in the Article Editor to help you structure long or complex articles. Accordions collapse content to reduce scrolling, while tabs let users switch between different sections without leaving the page. Using these features makes your knowledge base more readable, interactive, and professional.

In this article, you’ll learn:

• How to insert accordions in articles
• How to insert single or multiple tabs
• When to use accordions vs. tabs
• Best practices for organizing content

Using Accordions

Accordions allow you to hide and show sections of content. They are ideal for FAQs, step-by-step instructions, or long explanations where users may only need specific information.

How to Insert an Accordion

1. Open the Article Editor.
2. Click the Insert Accordion button.
3. Add a title for the accordion section.
4. Enter the content that should appear when the accordion is expanded.
5. Repeat the process to add multiple accordion sections.

Using Tabs

Tabs allow you to display multiple pieces of content in the same area, letting users switch between views without scrolling. They are useful for comparisons, multiple examples, or showing different content formats (e.g., text, images, or code).

How to Insert a Tab

1. Click the Insert Tab button in the Article Editor
2. Enter the Tab Title.
3. Add your content in the Tab Body field.

Inserting Multiple Tabs

1. Click Insert Tab for each additional tab.
2. Each tab’s content is displayed individually in the frontend, while in the editor, tabs are stacked vertically.

When to Use Accordions vs. Tabs

Best Practices

• Keep accordion and tab titles clear and descriptive.
• Avoid nesting too many accordions inside tabs, which can confuse users.
• Use these features to improve readability, not to hide essential content.
• Test your article in the frontend to ensure tabs and accordions work as expected.
• Limit the number of tabs to a reasonable amount (e.g., 3–5) to maintain usability.