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 effortlessly in Markdown editor.
Solution
- Go to the desired article and open it in the Markdown editor.
- 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>
- Replace the
Accordion_name
text with the desired accordion title/name - Replace the
Accordion_content
text with the desired content
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
Heading tags can be used in the summary section of the accordian "Accordion_name
", but the text alignment might be affected.
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>
Outcome
What is Document360
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.
Core parts
Knowledge base portal
Knowledge base site
Knowledge base widget
API documentation
Click the "What is Document360?" accordion above to expand/collapse it.