| 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 |