マークダウンで本文が長くなる時に折りたたむ方法(メモ)

概要

Githubなどのマークダウンが使えるコメントで本文が長くなると読みにくくなってしまいますね。
これを折りたたみにしてなるべく邪魔にならないようにする方法ないかなぁと思って調べたのでそのメモです。

やり方

マークダウン自体にはないのでHTMLのdetailsを使う

例

コード

<details>
<summary>
ここにタイトル(折りたたまれても表示される)
</summary>
ここに折りたたまれる内容
</details>

表示結果

ここにタイトル(折りたたまれても表示される)

ここに折りたたまれる内容

備考

テーブルと組み合わせ

テーブル in details

これはうまくいきます。

<details>
<summary>
テーブル in details
</summary>

|タイトル|説明|
|:--:|:--:|
|タイトルA|これはテーブルが折りたたまれるかのテストです|
|タイトルB|2行目|

</details>

テーブル in details

タイトル	説明
タイトルA	これはテーブルが折りたたまれるかのテストです
タイトルB	2行目

details in テーブル

これもうまくいきます

|タイトル|折り畳み|
|:--:|:--:|
|タイトル部|<details><summary>折り畳みタイトル</summary>うまくいく？</details>|

タイトル	折り畳み
タイトル部	折り畳みタイトル うまくいく？

画像 in details

これもうまくいきます。

<details><summary>画像テスト</summary>

画像のテストです
![IMAGE_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2399365/233c02c0-f5b3-dc25-dfd5-e9d727b71846.png)

</details>

画像テスト

画像のテストです