Fix email expand/collapse not working

The click event was scoped to the wrong element.

app/assets/javascripts/expandCollapse.js

@@ -11,12 +11,9 @@
         `)
         .addClass('collapsed');
 
-      this.$toggle = this.$component.find('.toggle');
-
-      this.$toggle
+      this.$toggle = this.$component.find('.toggle')
         .on(
           "click",
-          ".toggle",
           this.change
         )
         .on("keydown", this.filterKeyPresses([32, 13], this.change));
@@ -34,7 +31,7 @@
 
     this.change = () => this.toggleCollapsed() && this.$toggle.remove();
 
-    this.toggleCollapsed = () => this.$component.toggleClass('collapsed');
+    this.toggleCollapsed = () => this.$component.removeClass('collapsed');
 
   };
 

app/templates/components/email-message.html

@@ -32,7 +32,7 @@
       </table>
     {% endif %}
     <div class="email-message-body" data-module="expand-collapse">
-      <div class="email-message-body-wrapper collapsed">
+      <div class="email-message-body-wrapper">
       {{ body|nl2br }}
       </div>
     </div>