Adding a bunch of collapsed templates and javascript to load them.

apps/openassessment/templates/openassessmentblock/oa_peer_assessment.html

@@ -72,4 +72,5 @@
             </li>
         </ul>
     </div>
+    {%  endblock %}
 </li>

apps/openassessment/templates/openassessmentblock/oa_peer_assessment_collapsed.html

+{%  extends "openassessmentblock/oa_peer_assessment.html" %}
+{% block body %}
+{% endblock %}
+

apps/openassessment/templates/openassessmentblock/oa_response_collapsed.html

+{%  extends "openassessmentblock/oa_response.html" %}
+{% block body %}
+{% endblock %}
\ No newline at end of file

apps/openassessment/templates/openassessmentblock/oa_self_assessment.html

@@ -26,7 +26,7 @@
           <span class="step_status_value">Incomplete</span>
         </span>
     </header>
-
+    {% block body %}
     <div class="step--content">
         <article class="self-assessment" id="self-assessment">
             <header class="self-assessment__header">
@@ -80,7 +80,6 @@
                 </ul>
             </form>
         </article>
-            </li>
-        </ul>
     </div>
+    {% endblock %}
 </li>

apps/openassessment/templates/openassessmentblock/oa_self_assessment_collapsed.html

+{%  extends "openassessmentblock/oa_self_assessment.html" %}
+{% block body %}
+{% endblock %}
+

apps/openassessment/xblock/peer_assessment_mixin.py

@@ -99,3 +99,7 @@ class PeerAssessmentMixin(object):
         for assessment in self.rubric_assessments:
             if assessment["name"] == mixin_name:
                 return assessment
+
+    @XBlock.handler
+    def render_peer_assessment_collapsed(self, data, suffix=''):
+        return self.render_assessment("openassessmentblock/oa_peer_assessment_collapsed.html")

apps/openassessment/xblock/self_assessment_mixin.py

@@ -18,3 +18,7 @@ class SelfAssessmentMixin(object):
     def render_self_assessment(self, data, suffix=''):
         return self.render_assessment('openassessmentblock/oa_self_assessment.html')
 
+    @XBlock.handler
+    def render_self_assessment_collapsed(self, data, suffix=''):
+        return self.render_assessment("openassessmentblock/oa_self_assessment_collapsed.html")
+

apps/openassessment/xblock/static/js/src/oa_base.js

@@ -29,7 +29,6 @@ function OpenAssessmentBlock(runtime, element) {
                     $.ajax({
                         type: "POST",
                         url: renderSubmissionUrl,
-                        dataType: "html",
                         success:  function(data) {
                             render_submissions(data);
                         }
@@ -99,6 +98,22 @@ function OpenAssessmentBlock(runtime, element) {
                 render_submissions(data);
             }
         });
+
+        $.ajax({
+            type: "POST",
+            url: renderPeerCollapseUrl,
+            success:  function(data) {
+                $('#openassessment__peer-assessment', element).replaceWith(data);
+            }
+        });
+
+        $.ajax({
+            type: "POST",
+            url: renderSelfCollapseUrl,
+            success:  function(data) {
+                $('#openassessment__self-assessment', element).replaceWith(data);
+            }
+        });
     });
 }
 /* END Javascript for OpenAssessmentXBlock. */

apps/openassessment/xblock/submission_mixin.py

@@ -167,3 +167,7 @@ class SubmissionMixin(object):
             path = 'openassessmentblock/oa_response_closed.html'
 
         return self.render_assessment(path, context_dict=context)
+
+    @XBlock.handler
+    def render_submission_collapsed(self, data, suffix=''):
+        return self.render_assessment("openassessmentblock/oa_response_collapsed.html")