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

content / test / data / accessibility / event / css-display.html [blame]

<!--
@AURALINUX-DENY:STATE-CHANGE:DEFUNCT*
-->
<!DOCTYPE html>
<html>
<head>
<style>
  .a { display: block; }
  .b { display: none; }
  body.flip .a { display: none; }
  body.flip .b { display: block; }
</style>
</head>
<body>
<div role="toolbar">
  <div role="heading" aria-label="Heading" class="a"></div>
  <div role="banner" aria-label="Banner" class="b"></div>
</div>
<script>
  function go() {
    document.body.className = 'flip';
  }
</script>
</body>
</html>