Развернуть / свернуть содержимое с помощью css в html-почте

Я создаю html-почту, в которой у меня есть флажок:

#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>

Если я открою его в своем веб-браузере, он будет работать нормально, но если я отправлю его как электронное письмо в формате html (я работаю с Outlook), при установленном флажке ничего не произойдет. Я знаю, что использовать JavaScript в почте невозможно (это было бы проблемой безопасности), но могу ли я заставить его работать, используя только CSS?