Sample: Tabbed Panes

Demonstration:

  • 1
  • 2
    • a
    • b
    • c
      • John
      • Paul
      • George
      • Ringo
    • d
  • 3

Description:

HTML can be made to easily display hierarchical information by using nested lists (ul, ol, etc..). These hierarchies can be made into dynamic collapsible/expandable widgets with the addition of a little mix of style and script..

Notes

This sample needs to be developed further to control more precisely the area that triggers an expand/collapse action. Currently I'm attaching an onclick listener to the list item. This works well in Mozilla but in Safari, it excludes the list-style-image, which is where most people would think to click. So this needs more work.

References

[tbd]