1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29

content / test / data / accessibility / event / aria-tree-expand.html [blame]

<!DOCTYPE html>
<html>
<body>
<ul role="tree">
  <li role="treeitem" aria-expanded="false">
    Major
  </li>
  <li id="node" role="treeitem" aria-expanded="false">
    Minor
  </li>
  <ul id="subtree" role="group" hidden>
    <li role="treeitem">
      Minor Seventh
    </li>
    <li role="treeitem">
      Minor Ninth
    </li>
  </ul>
</ul>
<script>
  function go() {
    var node = document.getElementById('node');
    var subtree = document.getElementById('subtree');
    node.setAttribute('aria-expanded', 'true');
    subtree.hidden = false;
  }
</script>
</body>
</html>