details要素 HTML5

details要素はディスクロージャーウィジェットを表す要素でHTML5で追加されました。details要素の入れ子としてsummary要素がある場合はその内容が要約として表示されます。summaryがない場合はブラウザのデフォルトの要約が表示されるでしょう。
現在、対応を確認したブラウザはchromeのみです。foxではディスクロージャーになりませんでした。

HTML

<details>
  <summary>要約1</summary>
  内容テキスト
</details>

表示例

要約1

内容テキスト

details要素にopen属性を記述するとデフォルトで開いた状態になります。

HTML

<details open>
  <summary>要約1</summary>
  内容テキスト
</details>

表示例

要約1

内容テキスト