OLD | NEW |
1 <!-- | |
2 @MAC-DENY:AXLayoutComplete* | |
3 @MAC-DENY:AXLoadComplete* | |
4 --> | |
5 <!DOCTYPE html> | 1 <!DOCTYPE html> |
6 <html> | 2 <html> |
7 <body> | 3 <body> |
8 <a aria-expanded="true" id="title" href="#" on>Toggle</a> | 4 <a aria-expanded="true" id="title" href="#" on>Toggle</a> |
9 <ul id="list"> | 5 <ul id="list"> |
10 <li>ListItem 1</li> | 6 <li>ListItem 1</li> |
11 <li>ListItem 2</li> | 7 <li>ListItem 2</li> |
12 <li>ListItem 3</li> | 8 <li>ListItem 3</li> |
13 <li>ListItem 4</li> | 9 <li>ListItem 4</li> |
14 </ul> | 10 </ul> |
15 <script> | 11 <script> |
16 function toggle(listNode, titleNode) { | 12 function toggle(listNode, titleNode) { |
17 var list = document.getElementById(listNode); | 13 var list = document.getElementById(listNode); |
18 if (list.style.visibility != 'hidden') { | 14 if (list.style.visibility != 'hidden') { |
19 list.style.visibility = 'hidden'; | 15 list.style.visibility = 'hidden'; |
20 document.getElementById(titleNode).setAttribute('aria-expanded', 'false'); | 16 document.getElementById(titleNode).setAttribute('aria-expanded', 'false'); |
21 } else { | 17 } else { |
22 list.style.visibility = 'visible'; | 18 list.style.visibility = 'visible'; |
23 document.getElementById(titleNode).setAttribute('aria-expanded', 'true'); | 19 document.getElementById(titleNode).setAttribute('aria-expanded', 'true'); |
24 } | 20 } |
25 } | 21 } |
26 function go() { | 22 function go() { |
27 toggle('list', 'title'); | 23 toggle('list', 'title'); |
28 } | 24 } |
29 </script> | 25 </script> |
30 </body> | 26 </body> |
31 </html> | 27 </html> |
OLD | NEW |