What Are Toggles?
A toggle is a collapsible block that can hide or show its nested content. Think of it like an accordion or dropdown section – you can click to expand and see what’s inside, or collapse it to save space. Toggles are perfect for:- Hiding detailed information that’s not always needed
- Creating FAQ-style documents
- Keeping reference material accessible but out of the way
- Managing long documents with many sections
- Creating cleaner presentations and shared documents
Creating a Toggle
There are several ways to create a toggle in Craft:Using the Slash Menu
Converting Existing Content
You can turn any block with nested content into a toggle:
The block becomes a toggle with all its nested content hidden by default.
Expanding and Collapsing Toggles
To expand a toggle: Click the arrow icon (▶) next to the toggle title. The arrow rotates down (▼) and the content appears. To collapse a toggle: Click the arrow icon again to hide the content.On macOS, you can also use keyboard shortcuts:
- Press
Cmd+Enteron a toggle to expand/collapse it - Navigate between toggles with arrow keys
Working with Nested Toggles
Toggles can contain other toggles, creating multiple levels of collapsible content. This is useful for creating hierarchical information structures:Toggle Tips and Best Practices
Use descriptive titles: Since the title is the only part that’s always visible, make it clear what’s inside. Don’t overuse: Too many toggles can make a document feel like a maze. Use them for genuinely optional content. Consider your audience: If sharing a document, think about what should be expanded by default. Important information should be visible without extra clicks. Combine with other features: Toggles work well with:- Cards and pages for visual organization
- Lists for structured content
- Headers for document sections
Converting Back to Regular Blocks
If you decide you don’t want a toggle anymore:
The content will remain but will always be visible.
When to Use Toggles vs Pages
Use Toggles when:- You want content to be hidden but quickly accessible
- The content is optional or reference material
- You’re creating FAQ or help documentation
- You want to keep related information in one view
- The content deserves its own dedicated space
- You need to navigate to it separately
- The content is substantial and self-contained
- You want to build a hierarchical knowledge base
Common Use Cases
Meeting Notes- Main agenda items as visible text
- Discussion notes hidden in toggles
- Overview always visible
- Technical details in toggles
- Questions visible
- Answers hidden in toggles until needed
- Key points visible
- Supporting details in toggles