How to create a collapsing tree table in html/css/js?

Question

I have some data to display that is both tabular and hierarchical. I\'d like to let the user be able to expand and collapse the nodes.

Sort of like this, except func

Answer 1

I'll throw jsTree into the ring, too. I've found it fairly adaptable to your particular situation. It's packed as a jQuery plugin.

It can run from a variety of data sources, but my favorite is a simple nested list, as described by @joe_coolish or here:

  

    Item 1
    

      
Item 1.1
      ...
    
  
  ...

This structure fails gracefully into a static tree when JS is not available in the client, and is easy enough to read and understand from a coding perspective.