Questo è piuttosto vecchio, ma Matthew ha ragione. Non puoi (piuttosto non dovresti) provare a far funzionare le email usando le fisarmoniche, in quanto richiedono JS o CSS3 avanzato. Entrambi hanno poco o nessun supporto nei client di posta elettronica, anche nuovi.
Il più vicino che è stato possibile trovare quando avevo una richiesta simile era usare un disegno CSS da Responsive Email Patterns Funziona su alcuni client ma non su tutti.
Inoltre, anziché utilizzare una fisarmonica, è possibile utilizzare "schede". Questo, sebbene non al 100% a prova di proiettile, è supportato da più clienti. Vedere here per un esempio.
(Seguendo il suggerimento di Leon) In poche parole, a meno che non si intenda utilizzare il CSS semplice, si dovrebbe davvero dimenticare la reattività e le interazioni complesse, oltre a regolare le larghezze e simili.
È molto più semplice utilizzare gli ancoraggi per collegarsi al testo completo dell'articolo dall'alto o utilizzare collegamenti esterni. Le email reattive sono sopravvalutate e portano troppa complessità a qualcosa che le persone si aspettano siano semplici: leggere una mail.
Non riesco a immaginare che potresti farlo funzionare in quanto gli effetti di fisarmonica si basano su JavaScript o sui CSS moderni. Entrambi non sono supportati nei client di posta elettronica: http://www.campaignmonitor.com/css/ http://stackoverflow.com/questions/14141374/using-css-before-and-after-pseudo-elements -with-in-linea-css –
Il tuo meglio sta usando gli ancoraggi HTML e usando i link "fai clic su" per portarti più in basso nell'e-mail http://stackoverflow.com/a/1088037/74585 –
E per favore loro ci sono persone che stanno ancora leggendo solo la parte txt di una email. – Mathias