aboutsummaryrefslogtreecommitdiff
path: root/html-test/ref/Bug7.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/Bug7.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/Bug7.html')
-rw-r--r--html-test/ref/Bug7.html72
1 files changed, 39 insertions, 33 deletions
diff --git a/html-test/ref/Bug7.html b/html-test/ref/Bug7.html
index 862002a0..ba1a4e26 100644
--- a/html-test/ref/Bug7.html
+++ b/html-test/ref/Bug7.html
@@ -48,24 +48,26 @@
></div
></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"
- >data</span
- > <a href="#"
- >Foo</a
- > = <a href="#"
- >Foo</a
- ></li
+ ><details id="syn"
+ ><summary
+ >Synopsis</summary
+ ><ul class="details-toggle" data-details-id="syn"
><li class="src short"
- ><span class="keyword"
- >class</span
- > <a href="#"
- >Bar</a
- > x y</li
- ></ul
+ ><span class="keyword"
+ >data</span
+ > <a href="#"
+ >Foo</a
+ > = <a href="#"
+ >Foo</a
+ ></li
+ ><li class="src short"
+ ><span class="keyword"
+ >class</span
+ > <a href="#"
+ >Bar</a
+ > x y</li
+ ></ul
+ ></details
></div
><div id="interface"
><h1
@@ -98,14 +100,14 @@
></table
></div
><div class="subs instances"
- ><p id="control.i:Foo" class="caption collapser" onclick="toggleSection('i:Foo')"
- >Instances</p
- ><div id="section.i:Foo" class="show"
- ><table
+ ><details id="i:Foo" open="open"
+ ><summary
+ >Instances</summary
+ ><table
><tr
><td class="src clearfix"
><span class="inst-left"
- ><span id="control.i:id:Foo:Bar:1" class="instance expander" onclick="toggleSection('i:id:Foo:Bar:1')"
+ ><span class="instance details-toggle-control details-toggle" data-details-id="i:id:Foo:Bar:1"
></span
> <a href="#"
>Bar</a
@@ -124,12 +126,14 @@
></tr
><tr
><td colspan="2"
- ><div id="section.i:id:Foo:Bar:1" class="inst-details hide"
- ></div
+ ><details id="i:id:Foo:Bar:1"
+ ><summary class="hide-when-js-enabled"
+ >Instance details</summary
+ ></details
></td
></tr
></table
- ></div
+ ></details
></div
></div
><div class="top"
@@ -146,14 +150,14 @@
>The Bar class</p
></div
><div class="subs instances"
- ><p id="control.i:Bar" class="caption collapser" onclick="toggleSection('i:Bar')"
- >Instances</p
- ><div id="section.i:Bar" class="show"
- ><table
+ ><details id="i:Bar" open="open"
+ ><summary
+ >Instances</summary
+ ><table
><tr
><td class="src clearfix"
><span class="inst-left"
- ><span id="control.i:ic:Bar:Bar:1" class="instance expander" onclick="toggleSection('i:ic:Bar:Bar:1')"
+ ><span class="instance details-toggle-control details-toggle" data-details-id="i:ic:Bar:Bar:1"
></span
> <a href="#"
>Bar</a
@@ -172,12 +176,14 @@
></tr
><tr
><td colspan="2"
- ><div id="section.i:ic:Bar:Bar:1" class="inst-details hide"
- ></div
+ ><details id="i:ic:Bar:Bar:1"
+ ><summary class="hide-when-js-enabled"
+ >Instance details</summary
+ ></details
></td
></tr
></table
- ></div
+ ></details
></div
></div
></div