details(折叠内容块)是 Doks 提供的一种特殊的内容块,用于组织和展示大量信息或次要内容。通过使用 details,你可以让读者根据需要展开或折叠内容,从而提升文档的可读性和用户体验。

你可以在 Markdown 中使用 details HTML element 并通过 {{< details >}} shortcode 来创建。

1
2
3
{{< details "折叠内容块" >}}
这是一个折叠内容块。点击标题可以展开或折叠内容。
{{< /details >}}
折叠内容块这是一个折叠内容块。点击标题可以展开或折叠内容。

默认状态

默认情况下,details 内容块是折叠状态的,用户需要点击标题才能展开内容。 你可以在 details shortcode 中添加 open 属性来设置默认展开状态。

1
2
3
{{< details "默认展开的折叠内容块" open >}}
这是一个默认展开的折叠内容块。
{{< /details >}}
默认展开的折叠内容块这是一个默认展开的折叠内容块。