aboutsummaryrefslogtreecommitdiff
path: root/html-test/ref/Bug294.html
diff options
context:
space:
mode:
authorTim Baumann <tim@timbaumann.info>2017-10-09 18:33:09 +0200
committerAlexander Biehl <alexbiehl@gmail.com>2017-10-09 18:33:09 +0200
commite41c1cbe9f0476997eac7b4a3f17cbc6b2262faf (patch)
tree630d1956d5c94e7fcbc185027d211c64213597b4 /html-test/ref/Bug294.html
parent406030f2782590799e44470da7ca80e85f3cf026 (diff)
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.
Diffstat (limited to 'html-test/ref/Bug294.html')
-rw-r--r--html-test/ref/Bug294.html50
1 files changed, 28 insertions, 22 deletions
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