折叠将显示信息的div

Question

我在C＃.Net（* .aspx）中有一个页面，我以gridview的形式显示报告，并显示不同的计数，这是一个数字，然后在另一个页面上点击它显示该人的信息.. < / p>

例如

Total Number of People Enrolled             8
Total Number of People Enrolled as Email    5     

点击“8”或“5”将在新页面上显示所有“8”或“5”人。

现在我想要的不是点击值并转到另一个页面，我们将会折叠显示信息的div，并在您点击该值时展开。

那我怎样才能实现呢？

示例：

Answer 1

你在哪个方面苦苦挣扎？从概念上讲，您默认会隐藏子记录，并在单击父级时切换它们。

A trivial example looks like this

Answer 2

您可以使用Ajax Control ToolKit的HoverMenuExtender。

转到以下链接进行演示，您将获得更好的答案：Ajax Control ToolKit Samples

Answer 3

好吧，亨利已经给你提供了切换div的最简单的例子。要拥有完整的解决方案，您有不同的选择

1. 如果您希望使用显示用户信息的现有页面，则可以通过在子div中加载iframe来实现。
2. 另一种将信息加载到子div中的当前页面并仅控制可见性的方法。
3. 或者在第一次点击时，您可以通过AJAX检索内容并将其加载到儿童潜水中。

Answer 4

你想要的是手风琴控制。网上有很多例子，有很多可供免费下载和使用。我们不久前在我们部门使用过它。这意味着您不必编写所有jquery和CSS来实现所需的结果。

这就是我们使用http://jqueryui.com/的内容，还有很多关于Google的文档和帮助。但是说真的，如果你真的想要一些像这样酷的东西，你必须付出一些努力，这不是一个巨大的学习曲线，它非常有趣。