Show/Hide Table without Javascript

I am sending an HTML email with large data 开发者_如何学Ctables of information, It would be really useful if I could hide these until a user clicked an expand button or something, but I'm not sure how to do this without using Javascript? Can it be done?

This is impossible in a mail client. You need JavaScript.

Im not sure how to do this without using javascript?

Well, in theory you could try something like:

<input> <table>…</table>

and

input + table { display: none; }
input:focus + table { display: table; }

… but aside from being a hideously ugly hack, it isn't likely to work in email clients.

JavaScript is a more sensible option, but again, not supported by email clients.

The simplest solution would be to keep the data table on a website and include a link to it in the mail.

This is not possible without the use of Javascript. If it was something as simple as a mouse-over, you might could use CSS like the following (depending on the e-mail client):

#yourDiv { display: none; }
#yourDiv:hover { display: block; }

but otherwise, you need to use Javascript for this purpose.

CSS Support by E-mail Client (Lotus Notes should be in the Complete Guide PDF)