セクションを折りたたんで情報を整理する

折りたたみセクションの作成

閲覧者が希望により展開できる、折りたたみセクションを作成して、Markdown のセクションを一時的に隠すことができます。たとえば、すべての閲覧者には関連しない、または興味がある可能性のない技術的な詳細を issue のコメントに含める場合、それらの詳細を折りたたみセクションに配置できます。

<details> ブロック内のすべての Markdown は、閲覧者がをクリックして詳細を展開するまで折りたたまれたままです。

          `<details>` ブロックの中では、`<summary>` タグを使って、閲覧者に内部の内容を知らせます。 ラベルは <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-triangle-right" aria-label="The right triangle icon" role="img"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg> の右側に表示されます。

<details>

<summary>Tips for collapsed sections</summary>

### You can add a header

You can add text within a collapsed section.

You can add an image or a code block, too.

```ruby
   puts "Hello World"
```

</details>

          `<summary>` ラベル内の Markdown は、既定で折りたたまれます。

GitHub でレンダリングされたこのページの上記の Markdown のスクリーンショット。右向きの矢印と "折りたたまれたセクションのヒント" というヘッダーが表示されています。

閲覧者がを選ぶと、詳細が展開されます。

GitHub でレンダリングされた、このページの上の Markdown のスクリーンショット。折りたたまれたセクションには、ヘッダー、テキスト、画像、およびコードブロックが含まれています。

必要に応じて、セクションを既定で開いているように表示するには、open 属性を <details> タグに追加します:

<details open>

参考資料

          [GitHub Flavored Markdown の仕様](https://github.github.com/gfm/)

        [AUTOTITLE](/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)

セクションを折りたたんで情報を整理する

この機能を使用できるユーザーについて

この記事で

折りたたみセクションの作成

参考資料