展开折叠功能而不影响页面内容

Question

我正在使用div标签在我的页面上实现展开折叠功能。

我正在使用带有c＃的asp.net。 我已经成功完成了exapand崩溃功能。现在我必须修改此功能，以便当用户单击展开按钮时，页面不应该向下推（div标签由搜索参数组成）。当用户再次单击折叠按钮或在div标签外单击时，它应该折叠。 注意：我不想提高页面高度。

展开的内容应该显示为下拉项目。（我不能使用ul和li） 扩展的内容应该在页面强大的前面（例如：flash广告最大化以占用鼠标悬停的页面并在点击关闭按钮时折叠 - 雅虎收件箱）

请建议我，如何在这里回复。

Answer 1

这样做的一般想法。

1. 将div从页面流中取出。给它一个绝对的位置。

2. 给它一个更高的堆叠顺序，使它位于所有元素的前面。使用z-index属性。

3. 单击文档以关闭div将关闭/.

4. 点击div时会阻止事件冒泡，以便不会触发文档点击。

此处没有回复，您可以对帖子发表评论。