Markdown展开折叠功能

HTML 5 details标签

details定义和用法

<details> 标签用于描述文档或文档某个部分的细节。

summary子标签

标签可以为 details 定义标题。标题是可见的，

用户点击标题时，会显示出 details

而markdown中可以写HTML，于是可以使用如下HTML标签实现展开折叠功能：

`

详情展开/收起

被折叠的内容

`

题目

被折叠的内容

details内嵌markdown语法内容

<details>
<summary>展开查看</summary>
<pre><code>
System.out.println("Hello to see U!");
</code></pre>
</details>

在details里面可以嵌套合法markdown语法，例如代码块等等

int main()
{
    printf("hello world");
    return 0;
}

• 关于对应语言代码的高亮显示有待补充