HTML电子邮件中的可折叠表(Outlook 2007-2010)

Gli*_*kot 5 html css outlook html-email outlook-2007

我过去发过各种HTML电子邮件,并且已经看到了与之相关的相当大的限制.我真正需要的是具有显示/隐藏功能的区域的能力 - 单击加号或标题来切换.

我认为JS不合适,CSS可能是一种可能性.我只需要它在Outlook 2007-2010中工作.有什么建议?

谢谢!

mar*_*jmc 6

您可以使用锚标记在Outlook中执行此操作.诀窍是创建2个表,这些表由指定了较大高度的td单元分隔,这样就不会看到第二个表.

两个表都是完全相同的,除了表1有show链接,而表2有你想要显示的内容,以及一个隐藏链接.

单击锚标记时,电子邮件将向下移动到第二个表中指定的位置.由于两个表中的内容除了显示/隐藏框可见性之外是相同的,因此您创建了一个幻灯片,表示框正在切换.

如果您有多个显示/隐藏框,则需要创建更多表.电子邮件会很长,但切换效果仍然适用于Outlook.

锚标签:

<a href="#section1">Click here to show content</a>
<a name="section1"></a>
Run Code Online (Sandbox Code Playgroud)

这是一个简单的例子:http://jsfiddle.net/mjcookson/nq3Re/

更新评论:此外,您的电子邮件可能无法填充整个视口,因此表之间的间隔用于避免在第一个表之后立即看到第二个表.