use <details> element for template contexts

not: not supported in edge

https://caniuse.com/#feat=details

Author: xi

debug_toolbar/static/debug_toolbar/css/toolbar.css

@@ -314,7 +314,7 @@
 	padding-right:.5em;
 }
 
-#djDebug .djTemplateHideContextDiv {
+#djDebug .djTemplateContext {
 	background-color:#fff;
 }
 
@@ -423,15 +423,6 @@
 }
 
 
-#djDebug a.djTemplateShowContext, #djDebug a.djTemplateShowContext span.toggleArrow {
-	color:#999;
-}
-
-#djDebug a.djTemplateShowContext:hover,  #djDebug a.djTemplateShowContext:hover span.toggleArrow {
-	color:#000;
-	cursor:pointer;
-}
-
 #djDebug .djDebugSqlWrap {
 	position:relative;
 }

debug_toolbar/static/debug_toolbar/js/toolbar.template.js

@@ -18,8 +18,10 @@ <h4>{% blocktrans count templates|length as template_count %}Template{% plural %
 	<dd><samp>{{ template.template.origin_name|addslashes }}</samp></dd>
 	{% if template.context %}
 	<dd>
-		<div class="djTemplateShowContextDiv"><a class="djTemplateShowContext"><span class="toggleArrow">&#x25B6;</span> {% trans "Toggle context" %}</a></div>
-		<div class="djTemplateHideContextDiv djdt-hidden"><code>{{ template.context }}</code></div>
+		<details>
+			<summary>{% trans "Toggle context" %}</summary>
+			<code class="djTemplateContext">{{ template.context }}</code>
+		</details>
 	</dd>
 	{% endif %}
 {% endfor %}
@@ -34,13 +36,13 @@ <h4>{% blocktrans count context_processors|length as context_processors_count %}
 {% for key, value in context_processors.items %}
 	<dt><strong>{{ key|escape }}</strong></dt>
 	<dd>
-		<div class="djTemplateShowContextDiv"><a class="djTemplateShowContext"><span class="toggleArrow">&#x25B6;</span> {% trans "Toggle context" %}</a></div>
-		<div class="djTemplateHideContextDiv djdt-hidden"><code>{{ value|escape }}</code></div>
+		<details>
+			<summary>{% trans "Toggle context" %}</summary>
+			<code class="djTemplateContext">{{ value|escape }}</code>
+		</details>
 	</dd>
 {% endfor %}
 </dl>
 {% else %}
 	<p>{% trans "None" %}</p>
 {% endif %}
-
-<script src="{% static 'debug_toolbar/js/toolbar.template.js' %}"></script>