Developer Checklist — JavaScript Appendices

Correct code

JS_G_A8: Use an expandable/collapsible menu to bypass blocks of content

This example shows how a simple show/hide mechanism can be used to help users bypass blocks of content. This is particularly useful for keyboard users, because it helps them to quickly bypass repeated content, such as navigation, without having to Tab through all the individual links.

Live Demo

Click the button inside the heading to hide and show the list:

Weather and Warnings in your area

  1. New South Wales
  2. Victoria
  3. Queensland
  4. Western Australia
  5. South Australia
  6. Tasmania
  7. Australian Capital Territory
  8. Northern Territory

JavaScript Code

The JavaScript code for this example can be found in: JS_G_A8.js