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.

1 files changed, 25 insertions, 23 deletions

diff --git a/html-test/ref/DeprecatedNewtype.html b/html-test/ref/DeprecatedNewtype.html
index 9ce1b7f0..c7803c81 100644
--- a/html-test/ref/DeprecatedNewtype.html
+++ b/html-test/ref/DeprecatedNewtype.html
@@ -39,30 +39,32 @@
 	>DeprecatedNewtype</p
 	></div
       ><div id="synopsis"
-      ><p id="control.syn" class="caption expander" onclick="toggleSection('syn')"
-	>Synopsis</p
-	><ul id="section.syn" class="hide" onclick="toggleSection('syn')"
-	><li class="src short"
-	  ><span class="keyword"
-	    >newtype</span
-	    > <a href="#"
-	    >SomeNewType</a
-	    > = <a href="#"
-	    >SomeNewTypeConst</a
-	    > <a href="#"
-	    >String</a
-	    ></li
+      ><details id="syn"
+	><summary
+	  >Synopsis</summary
+	  ><ul class="details-toggle" data-details-id="syn"
 	  ><li class="src short"
-	  ><span class="keyword"
-	    >newtype</span
-	    > <a href="#"
-	    >SomeOtherNewType</a
-	    > = <a href="#"
-	    >SomeOtherNewTypeConst</a
-	    > <a href="#"
-	    >String</a
-	    ></li
-	  ></ul
+	    ><span class="keyword"
+	      >newtype</span
+	      > <a href="#"
+	      >SomeNewType</a
+	      > = <a href="#"
+	      >SomeNewTypeConst</a
+	      > <a href="#"
+	      >String</a
+	      ></li
+	    ><li class="src short"
+	    ><span class="keyword"
+	      >newtype</span
+	      > <a href="#"
+	      >SomeOtherNewType</a
+	      > = <a href="#"
+	      >SomeOtherNewTypeConst</a
+	      > <a href="#"
+	      >String</a
+	      ></li
+	    ></ul
+	  ></details
 	></div
       ><div id="interface"
       ><h1