动态显示数据库信息onclick

Question

我使用LAMP设置了一个Web服务供个人使用。 基本上，我有一个可滚动的列表，其中包含一些数据库信息，我在PHP脚本中拉一次。我希望能够点击其中一个项目，并在预览窗格中显示更多信息。 （预览窗格设置）

我不希望在我的数据库中有超过100个条目。另外，我正在拉的数据非常小，大约有10个字段，全部是文本数据。

我的问题如下： 如果我将所有需要的数据全部提取出来，我如何存储它以便我定义的每个数据块（2-3行都是我在预览窗格中所需要的）是“缓存”，我可以随意访问给定的块，以便在单击其相应的列表条目时显示它？ 基本上，这与在网络浏览器中单击电子邮件并将其余消息显示在预览窗格中大致相同。

谢谢。

nb：我使用预览窗格或列表的事实是不相关的。只是描述我在做什么。

Answer 1

如果我理解正确，您希望创建一个简单的页面，其中隐藏了多个详细信息，直到您单击不同的按钮。如果你想这样做在一个“缓存”的方式，你可以尝试以下方法：

1. 获取完整的数据，这样的一切（有细节）结果HTML结束。一切：我的意思是，应始终可见的部分，以及只有在按下按钮后才能看到的细节。
2. 现在，来设计。你将不得不编写CSS代码，这会隐藏细节。 （当然，为此，您将不得不在步骤1中创建HTML，例如，您可以通过CSS类定位细节）。您还需要了解如何创建按钮。
3. 最复杂的部分是将按钮绑定到Javascript操作，这将执行显示隐藏的细节。您可以从Javascript中控制所有CSS属性，例如，您可以动态改变<div>的位置，大小，文本颜色等。

现在大多数人使用jQuery来完成第3步中的任务，甚至是构建在jQuery之上的软件库。如果你刚刚开始完成像这样的任务，这可能会有很大的帮助。在jQuery网站上，你会发现一个很好的开始，叫做jQuery Learning Center。

编辑：我创建了一个非常基本的小提琴让你考验我的理念的JS部分，看到在这里：http://jsfiddle.net/eL9mj/22/