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/HiddenInstances.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/HiddenInstances.html')
-rw-r--r-- | html-test/ref/HiddenInstances.html | 86 |
1 files changed, 48 insertions, 38 deletions
diff --git a/html-test/ref/HiddenInstances.html b/html-test/ref/HiddenInstances.html index 5a1329fc..b3586649 100644 --- a/html-test/ref/HiddenInstances.html +++ b/html-test/ref/HiddenInstances.html @@ -39,22 +39,24 @@ >HiddenInstances</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" - >class</span - > <a href="#" - >VisibleClass</a - > a</li + ><details id="syn" + ><summary + >Synopsis</summary + ><ul class="details-toggle" data-details-id="syn" ><li class="src short" - ><span class="keyword" - >data</span - > <a href="#" - >VisibleData</a - ></li - ></ul + ><span class="keyword" + >class</span + > <a href="#" + >VisibleClass</a + > a</li + ><li class="src short" + ><span class="keyword" + >data</span + > <a href="#" + >VisibleData</a + ></li + ></ul + ></details ></div ><div id="interface" ><h1 @@ -73,14 +75,14 @@ >Should be visible</p ></div ><div class="subs instances" - ><p id="control.i:VisibleClass" class="caption collapser" onclick="toggleSection('i:VisibleClass')" - >Instances</p - ><div id="section.i:VisibleClass" class="show" - ><table + ><details id="i:VisibleClass" open="open" + ><summary + >Instances</summary + ><table ><tr ><td class="src clearfix" ><span class="inst-left" - ><span id="control.i:ic:VisibleClass:VisibleClass:1" class="instance expander" onclick="toggleSection('i:ic:VisibleClass:VisibleClass:1')" + ><span class="instance details-toggle-control details-toggle" data-details-id="i:ic:VisibleClass:VisibleClass:1" ></span > <a href="#" >VisibleClass</a @@ -97,14 +99,16 @@ ></tr ><tr ><td colspan="2" - ><div id="section.i:ic:VisibleClass:VisibleClass:1" class="inst-details hide" - ></div + ><details id="i:ic:VisibleClass:VisibleClass:1" + ><summary class="hide-when-js-enabled" + >Instance details</summary + ></details ></td ></tr ><tr ><td class="src clearfix" ><span class="inst-left" - ><span id="control.i:ic:VisibleClass:VisibleClass:2" class="instance expander" onclick="toggleSection('i:ic:VisibleClass:VisibleClass:2')" + ><span class="instance details-toggle-control details-toggle" data-details-id="i:ic:VisibleClass:VisibleClass:2" ></span > <a href="#" >VisibleClass</a @@ -121,12 +125,14 @@ ></tr ><tr ><td colspan="2" - ><div id="section.i:ic:VisibleClass:VisibleClass:2" class="inst-details hide" - ></div + ><details id="i:ic:VisibleClass:VisibleClass:2" + ><summary class="hide-when-js-enabled" + >Instance details</summary + ></details ></td ></tr ></table - ></div + ></details ></div ></div ><div class="top" @@ -143,14 +149,14 @@ >Should be visible</p ></div ><div class="subs instances" - ><p id="control.i:VisibleData" class="caption collapser" onclick="toggleSection('i:VisibleData')" - >Instances</p - ><div id="section.i:VisibleData" class="show" - ><table + ><details id="i:VisibleData" open="open" + ><summary + >Instances</summary + ><table ><tr ><td class="src clearfix" ><span class="inst-left" - ><span id="control.i:id:VisibleData:Num:1" class="instance expander" onclick="toggleSection('i:id:VisibleData:Num:1')" + ><span class="instance details-toggle-control details-toggle" data-details-id="i:id:VisibleData:Num:1" ></span > <a href="#" >Num</a @@ -167,8 +173,10 @@ ></tr ><tr ><td colspan="2" - ><div id="section.i:id:VisibleData:Num:1" class="inst-details hide" - ><div class="subs methods" + ><details id="i:id:VisibleData:Num:1" + ><summary class="hide-when-js-enabled" + >Instance details</summary + ><div class="subs methods" ><p class="caption" >Methods</p ><p class="src" @@ -248,13 +256,13 @@ >#</a ></p ></div - ></div + ></details ></td ></tr ><tr ><td class="src clearfix" ><span class="inst-left" - ><span id="control.i:id:VisibleData:VisibleClass:2" class="instance expander" onclick="toggleSection('i:id:VisibleData:VisibleClass:2')" + ><span class="instance details-toggle-control details-toggle" data-details-id="i:id:VisibleData:VisibleClass:2" ></span > <a href="#" >VisibleClass</a @@ -271,12 +279,14 @@ ></tr ><tr ><td colspan="2" - ><div id="section.i:id:VisibleData:VisibleClass:2" class="inst-details hide" - ></div + ><details id="i:id:VisibleData:VisibleClass:2" + ><summary class="hide-when-js-enabled" + >Instance details</summary + ></details ></td ></tr ></table - ></div + ></details ></div ></div ></div |