Điều này khá cũ nhưng Matthew đúng. Bạn không thể (thay vì không nên) cố gắng làm cho email hoạt động bằng cách sử dụng accordions, vì chúng yêu cầu JS hoặc CSS3 nâng cao. Cả hai đều có ít hoặc không có hỗ trợ trong các ứng dụng email, thậm chí cả những ứng dụng mới.
Gần nhất tôi có thể tìm thấy khi tôi có yêu cầu tương tự đã sử dụng thiết kế CSS từ Responsive Email Patterns Nó hoạt động trên một số khách hàng nhưng không phải tất cả chúng.
Ngoài ra, thay vì sử dụng Accordion, bạn có thể sử dụng "tab" để thay thế. Điều này, mặc dù không 100% chống đạn, được hỗ trợ bởi nhiều khách hàng hơn. Xem here để biết ví dụ. Đơn giản chỉ cần đặt, trừ khi bạn nhằm mục đích sử dụng CSS đơn giản, bạn thực sự nên quên đi sự đáp ứng và tương tác phức tạp, ngoài việc điều chỉnh độ rộng và tương tự.
Việc sử dụng neo dễ dàng hơn để liên kết đến văn bản toàn văn từ trên cùng hoặc sử dụng các liên kết bên ngoài. Email đáp ứng được đánh giá quá mức và mang lại quá nhiều sự phức tạp cho một thứ mà mọi người mong đợi đơn giản: đọc email.
Tôi không thể tưởng tượng bạn có thể làm cho nó hoạt động như hiệu ứng accordion hoặc dựa vào javascript hoặc CSS hiện đại. Cả hai đều không được hỗ trợ trong ứng dụng email: http://www.campaignmonitor.com/css/ http://stackoverflow.com/questions/14141374/using-css-before-and-after-pseudo-elements -with-inline-css –
Tốt nhất của bạn tốt nhất là sử dụng các neo HTML và sử dụng liên kết "nhấp thêm" để đưa bạn xuống dưới email http://stackoverflow.com/a/1088037/74585 –
Và vui lòng cho biết họ có những người vẫn chỉ đọc phần txt của một email. – Mathias