Toggle Show / hide sections like Atlassian documentation

[Deena]

I really like the section toggle feature used by Atlassian's own pages like below

https://www.atlassian.com/licensing/atlassian-access#annual-subscriptions

Is it possible create such a page using Confluence without paid plugins?

[Adam Rypel _MoroSystems_ · Accepted solution]

Hello @Deena ,

I am not sure, if you can use this exact same feature, but you can use "Expand" feature in Confluence Cloud - it has the same function.

Just type "/expand" in your page editor and choose "Insert an expand". Then you can change title for the expander, but also add text, images or tables into it.

Hope that helps!

Adam

[Deena]

Thank you Adam. I forgot to mention I had checked  that macro and it looked pretty basic. But wondered if it is possible to replicate a similar rich look n feel as atlassian doco.

[Minh Tran]

@Deena I don't think we have a way to do exact the same because Confluence Cloud does not allow custom CSS.

[Deena]

Thanks for confirming.

[Dirk_Tornow]

You can use a bookmarklet to toggle all expandable sections on a confluence page by using:

javascript:(function(){var expandElements=document.querySelectorAll('.expand-control');if(expandElements.length===0){alert('No expand sections found on this page.');}else{expandElements.forEach(function(el){if(!el.classList.contains('expanded')){el.click();}});}})();

as the link target. It's not what I would want, but at least it works universally on all confluence pages with all "Expand" macro sections. Haven't tested with nested ones tho…

[Heba]

I have the exact same question, the current macro is not that nice

[Minh Tran]

What Confluence version are you using @Deena ?

[Deena]

Using the cloud