.

anatomy/templates/anatomy/question_detail.html

@@ -10,7 +10,9 @@
     <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 %}
@@ -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 () {
@@ -134,7 +142,5 @@
         return json_tool_state;
 
     }
-
-
 </script>
 {% endblock %}