.

anatomy/templates/anatomy/question_detail.html

@@ -10,11 +10,13 @@
     <a href="{% url 'anatomy:question_clone' question.id %}" title="Clone the Question">Clone</a>
     <a href="{% url 'anatomy:question_delete' pk=question.pk %}" title="Delete the Question">Delete</a>
     <a href="{% url 'anatomy:question_delete' pk=question.pk %}" title="Delete the Question">Delete</a>
-    <a href="#" onclick="return window.create_popup_window('{% url 'feedback_create' question_type='anatomy' pk=question.pk %}')"> Add Note</a>
+    <a href="#"
+        onclick="return window.create_popup_window('{% url 'feedback_create' question_type='anatomy' pk=question.pk %}')">
+        Add Note</a>
     <a href="{% url 'admin:anatomy_anatomyquestion_change' question.id %}"
         title="Edit the Question using the admin interface">Admin Edit</a>
-{% if exam %}
+    {% if exam %}
-<div>
+    <div>
 
         {% if previous > -1 %}
         <a href="{% url 'anatomy:exam_question_detail' exam.id previous %}">Previous question</a>
@@ -23,8 +25,8 @@
         {% if next %}
         <a href="{% url 'anatomy:exam_question_detail' exam.id next %}">Next question</a>
         {% endif %}
-</div>
+    </div>
-{% endif %}
+    {% endif %}
 </div>
 <button id="save-annotations">Save Annotations</button>
 <div id="dicom-image" class="dicom-image" data-url="https://www.penracourses.org.uk{{ question.image.url}}"
@@ -68,7 +70,10 @@
     </div>
     {% include 'question_notes.html' %}
     <div>
+        <details>
+            <summary>
                 <span id="annotation-json-toggle">Annotation JSON (+/-):</span> <span id="annotation-json-content">
+            </summary>
 
             {% if question.image_annotations %}
             <pre>{{ question.image_annotations }}</pre>
@@ -76,12 +81,15 @@
             No saved annotations.
             {% endif %}
             </span>
+        </details>
     </div>
 </div>
 <script type="text/javascript">
     $(document).ready(function () {
 
-        $("#annotation-json-toggle").click(() => { $("#annotation-json-content").toggle() });
+        //$("#annotation-json-toggle").click(() => {
+        //    $("#annotation-json-content").toggle()
+        //});
 
         // send request to change the is_private state on customSwitches toggle
         $("#save-annotations").click(function () {
@@ -94,7 +102,7 @@
                     },
                     type: "POST",
                     dataType: "json",
-                error: function(e) {
+                    error: function (e) {
                         toastr.warning(`Error saving annotations`)
                         console.log(e);
                     },
@@ -134,7 +142,5 @@
         return json_tool_state;
 
     }
-
-
 </script>
 {% endblock %}