challenges: visually collapse members list (still loads the full thing, revisit later)

views/options/challenges.jade

@@ -24,10 +24,16 @@ script(type='text/ng-template', id='partials/options.challenges.detail.html')
 
   .well(ng-if='challenge.description') {{challenge.description}}
   habitrpg-tasks(obj='challenge', main=false)
-  h3 Statistics
-  div(ng-repeat='member in challenge.members', ng-init='member._locked = true; obj=member')
-    h4 {{member.profile.name}}
-    habitrpg-tasks(main=false)
+  .accordion(ng-if='challenge.members')
+    .accordion-group
+      .accordion-heading
+        a.accordion-toggle(data-toggle='collapse', data-target='#collapse-members-{{challenge._id}}')
+          h4 How's everyone doing?
+      .accordion-body.collapse(id='collapse-members-{{challenge._id}}')
+        .accordion-inner
+          div(ng-repeat='member in challenge.members', ng-init='member._locked = true; obj=member')
+            h4 {{member.profile.name}}
+            habitrpg-tasks(main=false)
 
 script(type='text/ng-template', id='partials/options.challenges.html')
   .row-fluid