You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在2sxc文本编辑器中添加手风琴(Accordion)展开收起效果?

实现FAQ手风琴效果的方法

Stack Exchange系列平台的默认编辑器没有原生的手风琴插入选项,但可以通过自定义HTML代码来实现点击展开/隐藏的FAQ效果,具体方式如下:

原生HTML实现方案

直接在编辑器中插入以下代码即可:

<details>
  <summary>FAQ标题1:这里替换成你的问题标题</summary>
  <p>这里是标题对应的回答内容,支持常规的Markdown格式,比如加粗**文本**、列表、代码块等。</p>
</details>

<details>
  <summary>FAQ标题2:第二个问题的标题</summary>
  <ul>
    <li>支持无序列表展示内容</li>
    <li>也可以插入行内代码:<code>exampleFunction()</code></li>
  </ul>
</details>

效果说明

  • <details>是HTML原生的折叠组件,无需额外依赖,点击<summary>标签内的标题就能切换内容的展开/隐藏状态
  • 内容区域内可以正常使用Markdown语法,平台编辑器会自动解析渲染

注意事项

  • 大部分Stack Exchange子站点都支持<details>和<summary>标签,属于安全合规的HTML元素
  • 平台不支持自定义CSS,因此无法修改手风琴的默认样式,只能使用原生外观

内容的提问来源于stack exchange,提问作者Marcos Paulo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 16:42:34