How to add accordion in Markdown?

If you want your content to appear as an accordion in Markdown editor based articles, there is no option to add it using a conventional tool from the menu bar or a straightforward Markdown syntax.

Use the below workaround to add an accordion efforlessly in Markdown editor.

Solution

1. Go to the desired article/page and open it in the Markdown editor
2. Paste the below code in the desired location where you want the accordion to appear

<details>
    <summary>Accordion_name</summary>
    <p>Accordion_content</p>
    </details>

3. Replace the Accordion_name text with the desired accordion title/name
4. Replace the Accordion_content text with the desired content
5. If you want to add headings inside the accordian you can use the Heading HTML tags (<h2>..</h2>, <h3>..</h3>, <h4>..</h4>) in the Accordion_content sections

Example

Code

<details>
    <summary>What is Document360</summary>
    <p>A well structured product to create a world class knowledge base for your customers and employees. Content producers get the power whereas the Content consumers get the simplicity.</p>
<h4>Core parts</h4>
<p>Knowledge base portal</p>
<p>Knowledge base site</p>
<p>Knowledge base widget</p>
<p>API documentation</p>

    </details>

Output