标题下文本自动隐藏

我想创建一个 FAQ 主题,其中尽可能多地显示问题,以便用户轻松浏览。实现这一目标的一种方法是隐藏答案文本,只需单击问题即可显示答案文本。

这类似于移动版维基百科界面的工作方式。

以下是一些其他示例:

实现这一目标的一种方法是使用 details

但据我所知,details 标题文本不支持样式设置,因此很难使其脱颖而出。

我希望将问题作为标题,并在单击标题文本时显示每个问题下方的文本。

这是否容易实现?请注意,我使用的是托管计划。

我以前曾成功地使用 html 而不是 markdown,尽管我使用了 <big> 而不是 <h3> 来避免换行问题,但仍然拥有较大的标题。类似这样:

<hr>
<details>
<summary>
<big>Question</big>
<hr>
</summary>

This is an answer

<hr>
</details>

<details>
<summary>
<big>Question</big>
<hr>
</summary>

This is an answer 

<hr>
</details>

<details>
<summary>
<big>Question</big>
<hr>
</summary>

This is an answer

<hr>
</details>

Question

This is an answer


Question

This is an answer


Question

This is an answer


7 个赞

太棒了!这看起来正是我们需要的。谢谢。

3 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.