展開摺疊功能而不影響頁面內容

Question

我正在使用div標記在我的頁面上實現展開摺疊功能。

我正在使用asp.net與c＃。 我已成功使用exapand collapse功能。現在我必須修改此功能，以便當用戶單擊展開按鈕時，頁面不應下推（div標籤由搜索參數組成）。當用戶再次點擊摺疊按鈕或在div標籤外單擊時，應該摺疊。 注意：我不想增加我的頁面高度。

展開後的內容應顯示爲下拉項目（我無法使用ul和li） 展開的內容應該顯示在頁面的前面cotent（例如：flash廣告最大化可佔用鼠標懸停的頁面並在點擊時摺疊關閉按鈕 - 雅虎收件箱）

請建議我，如何在這裏回覆。

Answer 1

一般想法做到這一點。

1. 將div從頁面流中取出。給它一個絕對的位置。

2. 給它一個更高的堆疊順序，以便它將在所有元素之前。使用z-index屬性。

3. 綁定單擊文檔，以便div將被關閉。

4. 當點擊div防止事件冒泡時，文檔點擊不會被觸發。

這裏沒有回覆，您可以在帖子中留言。