Expando Macro for Confluence: Collapse and Expand Headings

Expando Macro for Confluence: Collapse and Expand Headings


We have just released the public beta of a new add-on from the "little, useful and free helpers" category: The Expando Macro.

The Expando Macro makes headings clickable and expands or collapses the content that belongs to that heading, and it expands content based on a macro parameter or on the linked HTML anchor.

expando-teaser.png

Another Expand Macro?

Our tech writers want to make use of  Progressive Disclosure in our docs to help readers focus on the relevant content. They weren't 100% happy with the standard  Expand Macro that is shipped with Confluence, because they want to use headings to structure Confluence pages and collapse content without adding additional structural elements. Also, for FAQs and Glossaries they need to link and expand single entries (using HTML anchors).


An Example Glossary

The following page is an example from a glossary for a product:

original-glossary.png

As you can see the content is all displayed and even though there are only 4 entries there is a lot of potentially distracting content.

Let's add the Expando Macro.

add-expando-macros.png

Add an Expando Macro to all headings that should operate as expandable/collapsible content sections. As a result of this, the sections below all headings are collapsed, or only selected sections are expanded:

expando-glossary.png

This is the above screenshot, the content below the third heading is expanded because it's anchor is referenced in the URL.

Get Started

The macro has been uploaded to the Atlassian Marketplace and can be simply installed via the UPM.

Please give it a try and let us know what you think!

Go ahead and try the Expando Macro. It's free and available on the Atlassian Marketplace.
Let us know what you think of the macro and how you structure your content on a page level by commenting on this post!

marketplace_available_white_180x80.png

Share this article
Sync Jira Without Apps
Sync Jira Without Apps

🧪 How would Sheldon Cooper collaborate on Jira? 🤔 He’d use Backbone Issue Sync’s remote license, of course!

Reset Cookies

The following services will be reset and deactivated for you.

  • Hyvor Talk:
    We're using Hyvor Talk as a comment tool. Hyvor Talk sets a local storage when activated. By clicking "Disable all services" you're no longer able to post or read comments on our website until accepting the service again.
  • YouTube:
    We're using YouTube to embed video into our website. YouTube sets cookies when activated. By clicking "Disable all services" you're no longer able to watch our embedded videos on the website until accepting the service again.

By clicking "Disable all services" all cookies and local storages related to the services will be removed. Before using them on our website again, you need to accept them.