标题下文本自动隐藏

[aidanheerdegen]

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

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

以下是一些其他示例：

FAQs | Free Spirit

How can we help? | UCAS

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

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

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

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

[JammyDodger]

我以前曾成功地使用 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

---

[aidanheerdegen]

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