html – details&summary – 開閉できる記述

twitterにてhtml5だけで開閉される要素の設定はできると聞いて、早速調べてみた。 かなり簡単に目的の動作ができることはわかった。が、対応しているブラウザの関係でまだしばらく使う事はできないかなという感触も。

スニペット

<details>
<summary>hogehoge</summary>hogehoge hogege 
<details><summary>入れ子hoge</summary>hogehoge hogege- </details>
</details>

.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

hogehoge

hogehoge hogege

入れ子hoge

hogehoge hogege-