Expand - 展开/折叠内容

expand 简码显示可展开/可折叠的文本部分.

展开我…

谢谢!

这是一些带有脚注的文本1

这是带有脚注的更多文本.2


  1. 这就是脚注. ↩︎

  2. 任何感兴趣的东西都在这里.

    蓝光发出蓝色光. ↩︎

注释

这只能在现代浏览器中完美地工作.虽然Internet Explorer 11在显示它时存在问题,但该功能仍然有效.

用法

当示例使用带有命名参数的短代码时,您也可以自由使用位置代码,或者也可以从您自己的部分调用此简码.

{{% expand title="展开我..." %}}谢谢!{{% /expand %}}
{{% expand "展开我..." %}}谢谢!{{% /expand %}}
{{ partial "shortcodes/expand.html" (dict
  "page"  .
  "title" "展开我..."
  "content" "谢谢!"
)}}

参数

名字 位置 默认值 注释
title 1 "Expand me..." 在展开/折叠图标旁边显示任意文本.
expanded 2 false -如果为true则内容文本最初将显示为展开.
-如果为false则内容文本最初将隐藏.
<content> <empty> 要在展开时显示的任意文本.

示例

所有默认值

{{% expand %}}是的,你做到了!{{% /expand %}}
展开

是的,你做到了!

最初扩展

{{% expand title="展开我..." expanded="true" %}}不用任何操作自动展开!{{% /expand %}}
展开我…

不用任何操作,自动展开!

任意文本

{{% expand title="Show me almost **endless** possibilities" %}}
您可以添加标准的Markdown语法:

- 多个段落
- 项目符号列表
- _斜体_, **粗体** and even **_粗斜体_** text
- [链接](https://example.com)
- etc.

```plaintext
...甚至源代码
```

> 可能性是无穷无尽的几乎 - 包括其他简码可能有效,也可能无效
{{% /expand %}}
Show me almost endless possibilities

您可以添加标准的Markdown语法:

  • 多个段落
  • 项目符号列表
  • 斜体, 粗体 and even 粗斜体 text
  • 链接
  • etc.
...甚至源代码

可能性是无穷无尽的(几乎 - 包括其他简码可能有效,也可能无效)