DHTML dropdown example

This script enhance a nested list navigation to become a DHTML dropdown. The functionality is added via Javascript and different CSS classes applied to the elements define the presentation:

This class gets applied to the navigation UL when Javascript is available.
This class gets applied to the LI containing the nested UL to make the user aware that this is not a normal link, but a dropdown.
denotes the current open dropdown LI.
hides the nested UL
shows the nested UL

The script uses onmouseover and onmouseout as well as onclick for the functionality, and is therefore keyboard friendly.

Tested on IE6,Firefox 0.9 and Opera 7.5 on windows XP.