Skip to main content

使用折叠的部分组织信息

您可以使用 <details> 标记创建折叠部分来简化 Markdown。

创建折叠部分

您可以创建读者可以选择展开的折叠部分来暂时遮挡 Markdown 的部分。 例如,当您想要在问题评论中包含技术细节时,这些细节可能与每个读者都不相关或不感兴趣,您可以将这些细节放在折叠部分中。

<details> 块中的任何 Markdown 都将折叠,直到读者单击 以展开详细信息。 在 <details> 块中,使用 <summary> 标记在 右侧创建一个标签。

<details><summary>CLICK ME</summary>
<p>

#### We can hide anything, even code!

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

</details> ```</p>

默认情况下,Markdown 将折叠。

![呈现为折叠状态](/assets/images/help/writing/collapsed-section-view.png)

读者点击 <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-triangle-right" aria-label="The right triange icon" role="img"><path d="M6.427 4.427l3.396 3.396a.25.25 0 010 .354l-3.396 3.396A.25.25 0 016 11.396V4.604a.25.25 0 01.427-.177z"></path></svg> 后,细节就会展开。

![呈现为打开状态](/assets/images/help/writing/open-collapsed-section.png)

## 延伸阅读

- [GitHub Flavored Markdown 规格](https://github.github.com/gfm/)
- "[基本撰写和格式语法](/articles/basic-writing-and-formatting-syntax)"