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浏览器完成了。