Collapsable markdown

collapsable.md

collapsable markdown?

See this gist source code for details (pun intended :) )

Content wrapped in <p> tag

<details><summary>CLICK ME</summary>
<p>

#### yes, even hidden code blocks!

  `​``python
  # BEWARE when copy-pasting! MD codeblock opening and closing backticks sequences (`​``) contain zero-length space for proper MD formatting
  print("hello world!")
  `​``

[a link](./#)

</p>
</details>

CLICK ME

yes, even hidden code blocks!

print("hello world!")

a link

---

Content w/out wrapping in <p> tag

<details><summary>### Section header</summary>
  
  no P-tag
  
  #### Subsection

  Multiline
  text.
</details>

### Section header

no P-tag

Subsection

Multiline text.

---

Content w/out wrapping in <p> tag (<summary> body on its own line)

<details><summary>
### Section header
  </summary>
  
  no P-tag
  
  #### Subsection

  Multiline
  text.
</details>

### Section header

no P-tag

Subsection

Multiline text.

---

<details> as a list item

* <details><summary>Topic</summary>
  
  - sub-topic
  - sub-topic
  </details>
* <details><summary>Topic with P-tag</summary>
  <p>
  
  - sub-topic (`<p>` wrapping requires empty line after opening `<p>`)
  - sub-topic
  </p>
  </details>

• Topic

  • sub-topic
  • sub-topic
• Topic with P-tag

  • sub-topic (<p> wrapping requires empty line after opening <p>)
  • sub-topic

Well, widget control looks much as a bullet itself.

---

Lists inside <details> body

<details><summary>Topic</summary>
  
- sub-topic
- sub-topic
</details>
<details><summary>Topic with P-tag</summary>
<p>
  
  - sub-topic
  - sub-topic
</p>
</details>

Topic

• sub-topic
• sub-topic

Topic with P-tag

• sub-topic
• sub-topic

---

Inline <details>

An attempt to put <details><summary>the control</summary>for the hidden text</details> inline and all in a single row  **fails**.

An attempt to put

the control

for the hidden text

inline and all in a single row fails.

---

Inline <details> (multiline)

An attempt to put <details><summary>the control</summary>
for the hidden multiline text 
</details> inline **fails**.

An attempt to put

the control

for the hidden multiline text

inline **fails**.