コード日進月歩

しんくうの技術的な小話、メモ、つれづれ、など

GitHubのMarkdown上でアコーディオンっぽい挙動をさせたい場合は details / summary のHTMLタグを使うことで実現できる

Tips

GitHub小ネタ

利用するHTMLタグ

< details >: 詳細折りたたみ要素 - HTML: HyperText Markup Language | MDN

使い方

通常のHTMLと同じ使い方をする

例

以下のように折りたたみUIが作れる。HTMLで囲んだ中身は自動的にマークアップはしてくれなくなるので注意

f:id:shinkufencer:20200912001736g:plain

参考リンク