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
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
Note: Click the "What is Document360?" accordian above to expand/collapse it.