diff options
author | Tim Baumann <tim@timbaumann.info> | 2017-10-09 18:33:09 +0200 |
---|---|---|
committer | Alexander Biehl <alexbiehl@gmail.com> | 2017-10-09 18:33:09 +0200 |
commit | e41c1cbe9f0476997eac7b4a3f17cbc6b2262faf (patch) | |
tree | 630d1956d5c94e7fcbc185027d211c64213597b4 /html-test/ref/Bug294.html | |
parent | 406030f2782590799e44470da7ca80e85f3cf026 (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.html | 50 |
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 |