自动从文件中填充div

Question

我对html很新，但是需要把一些东西放在一起作为POC工作，所以如果我问一个之前已经回答过的问题，请道歉，事实是我甚至不知道如何寻找这个问题因为我不知道如何自己提问

我已经包含了目前代码正在做什么以及我想要让它做什么的描述。我还包含了代码本身，我将其删除为最简单的形式，并将其作为片段嵌入，以便您可以看到它在当前状态下的行为。

当前状态

1. 点击主题
2. div打开并硬编码，显示默认信息
3. 再次单击主题名称/隐藏链接/任何其他主题，执行以下三项操作中的任何一项并再次关闭div。如果我再次点击任何主题，则会显示与之前相同的信息（无论选择了哪个主题）

我想做什么

1. 点击主题
2. 获取主题id，然后从与该特定主题相关的文本文件中读取数据（每个主题都有自己的文件，它将读取整个文件）
3. 像以前一样打开div，但现在它填充了刚刚读到的数据
4. 如果我再次点击同一主题，我希望div关闭
5. 如果我靠近，显然我希望div关闭
6. 如果我点击另一个主题，而不是关闭div，我希望它只是从它自己的特定文件中读取该主题的信息，并使用新数据重新填充div

cut

Answer 1

使用数据库而不是文本文件听起来可能更符合您的需求。如果你创建了一个托管与每个主题相关的标题，内容，链接等的数据库，你可以用一点点php填充数据库行中的每个<article>标签。