HTML電子郵件中的可摺疊表格（Outlook 2007-2010）

過去我發送過各種HTML電子郵件，並且看到了與之相關的相當大的限制。我真正需要的是具有顯示/隱藏功能的區域 - 單擊加號或標題進行切換。HTML電子郵件中的可摺疊表格（Outlook 2007-2010）

我正在計算JS是不是圖片，CSS可能是一種可能性。我只需要它在Outlook 2007-2010中工作。有什麼建議麼？

謝謝！

2011-10-25 Glinkot

您可以在Outlook中使用錨標記做到這一點。訣竅是創建2個由指定了較大高度的td單元分隔的表，這樣就不會看到第二個表。

這兩個表格都是完全重複的，只是表格1具有show鏈接，而表格2具有您想要顯示的內容以及隱藏鏈接。

當您單擊錨標記時，電子郵件會向下移動到您的第二個表中指定的位置。由於除了顯示/隱藏框可見性外，兩個表中的內容都是相同的，因此您創建了一個幻覺，即該框正在切換。

如果您有多個顯示/隱藏框，則需要創建更多表。電子郵件將變得非常長，但切換效果在Outlook中仍然有效。

錨標籤：

<a href="#section1">Click here to show content</a> 
<a name="section1"></a>

更新評論：另外，您的電子郵件可能無法填滿整個視口，所以表之間的差距來避免看到第二張桌子緊接在第一張桌子後面。

2011-10-26 01:00:25 marissajmc

有趣的想法，謝謝瑪麗莎！我不會100％關注最後一個身高很大的部分，以避免看到第二個。所以，所有的表格總是可見的，但你基本上都在圍繞着電子郵件移動？ – Glinkot

是的，沒錯 - 你正在移動電子郵件。表格之間存在差距，所以當用戶向下滾動時，他們不會立即看到他們剛剛閱讀的內容相同的其他表格。以示例更新答案。 – marissajmc

在Outlook 2010中不起作用。顯示所有內容。有趣的是，當在大型生成的電子郵件中使用這個時會發生內存泄漏。 – flux

你不能在Outlook中這樣做。它的HTML電子郵件渲染引擎非常糟糕。我已經看到它爲移動webkit和android瀏覽器完成。

2011-10-25 23:32:12

回答