Expandable Headings

8min

﻿
Expandable headings are a way to organize your documentation content and improve readability. They allow you to create sections that can be expanded or collapsed by users, making it easier to find specific information.
Why use expandable headings?
Improved organization
Expandable headings help break down complex topics into manageable sections.
Enhanced readability
Users can focus on relevant information by expanding or collapsing sections.
FAQ-style format
Expandable headings are ideal for creating FAQ (Frequently Asked Questions) sections in your documentation.
How to add a expandable heading
There are tree ways to create expandable headings in Archbee:
Insert the heading from blocks menu. Type / and select the heading block
﻿
Converting an existing heading to expandable by type >> at the beginning of one, then hit space
Convert headings and unrwap them
﻿
Use markdown shortcuts to insert it:
>># + space for Expandable Heading 1
>>## + space for Expandable Heading 2 
>>### + space for Expandable Heading 3 
To unwrap the content of the expandale heading, just delete the heading and you will be left with the text only.
Allowed blocks for content
Inside the expandable headings, you can use all blocks for content, excepting the expandable heading block.
﻿
Here are some examples:
You can add here any of the custom blocks available in Archbee's editor
You can toggle the heading as expandable or collapsible
JS
fetch("https://api.cakes.com", {
  "method": "GET",
  "headers": {
    "Accept": "application/json"
  }
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.error(err);
});
fetch("https://api.cakes.com", {
  "method": "GET",
  "headers": {
    "Accept": "application/json"
  }
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.error(err);
});
﻿
﻿
﻿
﻿﻿   Find other blocks
Discover new ways and blocks to create stunning and functional documentation pages.
﻿Check out all blocks﻿ 
﻿
﻿﻿  Need help?  ⬇️
Use the blue chat bubble from bottom right corner.
Or try AI Chat (from search box) for quick answers.
﻿
﻿﻿   Your opinion matters
Use the below feedback form, anonymously.
Or ask a question in Q&A section and our team or AI will give you a solution.
﻿

🤔

Have a question?

Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.

To ask a question or participate in discussions, you'll need to authenticate first.

﻿

Updated 21 Aug 2024

Did this page help you?

Headings

Lists