I'm building html mail, in which I have a checkbox:
#table1 {display: block}
input:checked ~ #table1 {display: none}
<input id="checkbox" class="toggle" type="checkbox">
<table id="table1" style="width: 100%; border: 0; padding: 0; text-align: center; position: fixed; bottom: 0" cellpadding="9" cellspacing="0">
<td style="font-size: 9px; font-family: Verdana; color:#898a8c">hide me</td>
</table>
If I open it in my web browser, it works fine, but, if I send it as a html email (I'm working with outlook), nothing happens on checkbox checked. I know there is no way to use JavaScript in mail (it would be a security issue), but, can I make it works using only CSS?