From e41c1cbe9f0476997eac7b4a3f17cbc6b2262faf Mon Sep 17 00:00:00 2001
From: Tim Baumann <tim@timbaumann.info>
Date: Mon, 9 Oct 2017 18:33:09 +0200
Subject: Use <details> element for collapsibles (#690)

* Remove unnecessary call to 'collapseSection'

The call is unnecessary since there is no corresponding toggle for hiding the
section of orphan instances.

* Use <details> for collapsibles

This makes them work even when JS is disabled. Closes #560.
---
 html-test/ref/Bug294.html | 50 ++++++++++++++++++++++++++---------------------
 1 file changed, 28 insertions(+), 22 deletions(-)

(limited to 'html-test/ref/Bug294.html')

diff --git a/html-test/ref/Bug294.html b/html-test/ref/Bug294.html
index d08b69a9..87a03731 100644
--- a/html-test/ref/Bug294.html
+++ b/html-test/ref/Bug294.html
@@ -51,14 +51,14 @@
 	    >#</a
 	    ></p
 	  ><div class="subs instances"
-	  ><p id="control.i:A" class="caption collapser" onclick="toggleSection('i:A')"
-	    >Instances</p
-	    ><div id="section.i:A" class="show"
-	    ><table
+	  ><details id="i:A" open="open"
+	    ><summary
+	      >Instances</summary
+	      ><table
 	      ><tr
 		><td class="src clearfix"
 		  ><span class="inst-left"
-		    ><span id="control.i:id:A:DP:1" class="instance expander" onclick="toggleSection('i:id:A:DP:1')"
+		    ><span class="instance details-toggle-control details-toggle" data-details-id="i:id:A:DP:1"
 		      ></span
 		      > <span class="keyword"
 		      >data</span
@@ -75,8 +75,10 @@
 		  ></tr
 		><tr
 		><td colspan="2"
-		  ><div id="section.i:id:A:DP:1" class="inst-details hide"
-		    ><div class="src"
+		  ><details id="i:id:A:DP:1"
+		    ><summary class="hide-when-js-enabled"
+		      >Instance details</summary
+		      ><div class="src"
 		      ><span class="keyword"
 			>data</span
 			> <a href="#"
@@ -88,13 +90,13 @@
 			> <a href="#"
 			>A</a
 			></div
-		      ></div
+		      ></details
 		    ></td
 		  ></tr
 		><tr
 		><td class="src clearfix"
 		  ><span class="inst-left"
-		    ><span id="control.i:id:A:TP:2" class="instance expander" onclick="toggleSection('i:id:A:TP:2')"
+		    ><span class="instance details-toggle-control details-toggle" data-details-id="i:id:A:TP:2"
 		      ></span
 		      > <span class="keyword"
 		      >data</span
@@ -109,8 +111,10 @@
 		  ></tr
 		><tr
 		><td colspan="2"
-		  ><div id="section.i:id:A:TP:2" class="inst-details hide"
-		    ><div class="src"
+		  ><details id="i:id:A:TP:2"
+		    ><summary class="hide-when-js-enabled"
+		      >Instance details</summary
+		      ><div class="src"
 		      ><span class="keyword"
 			>data</span
 			> TP <a href="#"
@@ -120,11 +124,11 @@
 			> <a href="#"
 			>A</a
 			></div
-		      ></div
+		      ></details
 		    ></td
 		  ></tr
 		></table
-	      ></div
+	      ></details
 	    ></div
 	  ></div
 	><div class="top"
@@ -175,14 +179,14 @@
 	    >#</a
 	    ></p
 	  ><div class="subs instances"
-	  ><p id="control.i:DP" class="caption collapser" onclick="toggleSection('i:DP')"
-	    >Instances</p
-	    ><div id="section.i:DP" class="show"
-	    ><table
+	  ><details id="i:DP" open="open"
+	    ><summary
+	      >Instances</summary
+	      ><table
 	      ><tr
 		><td class="src clearfix"
 		  ><span class="inst-left"
-		    ><span id="control.i:if:DP:DP:1" class="instance expander" onclick="toggleSection('i:if:DP:DP:1')"
+		    ><span class="instance details-toggle-control details-toggle" data-details-id="i:if:DP:DP:1"
 		      ></span
 		      > <span class="keyword"
 		      >data</span
@@ -199,8 +203,10 @@
 		  ></tr
 		><tr
 		><td colspan="2"
-		  ><div id="section.i:if:DP:DP:1" class="inst-details hide"
-		    ><div class="src"
+		  ><details id="i:if:DP:DP:1"
+		    ><summary class="hide-when-js-enabled"
+		      >Instance details</summary
+		      ><div class="src"
 		      ><span class="keyword"
 			>data</span
 			> <a href="#"
@@ -212,11 +218,11 @@
 			> <a href="#"
 			>A</a
 			></div
-		      ></div
+		      ></details
 		    ></td
 		  ></tr
 		></table
-	      ></div
+	      ></details
 	    ></div
 	  ></div
 	></div
-- 
cgit v1.2.3