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

Question

我過去發過各種HTML電子郵件，並且已經看到了與之相關的相當大的限制。 我真正需要的是能夠擁有具有顯示/隱藏功能的區域 - 單擊加號或標題來切換。

我認為JS不合適，CSS可能是一種可能性。 我只需要它在Outlook 2007-2010中工作。 有什么建議？

謝謝！

Answer 1

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

兩個表都是完全相同的，除了表1有show鏈接，而表2有你想要顯示的內容，以及一個隱藏鏈接。

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

如果您有多個顯示/隱藏框，則需要創建更多表。 電子郵件會很長，但切換效果仍然適用於Outlook。

錨標簽：

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

這是一個簡單的例子： http ： //jsfiddle.net/mjcookson/nq3Re/

更新評論：此外，您的電子郵件可能無法填充整個視口，因此表之間的間隔用於避免在第一個表之后立即看到第二個表。

Answer 2

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