Examples of jquery-simpletree:

• Treeview applied on document ready
• Treeview applied on click of button (start collapsed)
• Treeview applied on click of button (start open) - Example of expand all and collapse all methods, element dynamically added to the listm (re-paint of the treeview)
• Treeview applied on more lists of a matching class

• ZERO LIST (set on document ready)
  • Sub-element 1
  • Sub-element 2
  • Sub-element 3
    • Sub-sub-element 3.1
    • Sub-sub-element 3.2
    • Sub-sub-element 3.3
    • Sub-sub-element 3.4
      • Sub-sub-sub-element 3.4.1
      • Sub-sub-sub-element 3.4.2
      • Sub-sub-sub-element 3.4.3
    • Sub-sub-element 3.5
  • Sub-element 4

Make a Tree with first list (start CLOSED) Destroy tree

• FIRST LIST
• Element 2
  • Sub-element 2.1
  • Sub-element 2.2
  • Sub-element 2.3
    • Sub-sub-element 2.3.1 Light green BG here to test last child correct BG image
    • Sub-sub-element 2.3.2
    • Sub-sub-element 2.3.3
    • Sub-sub-element 2.3.4
      • Sub-sub-sub-element 2.3.4.1
      • Sub-sub-sub-element 2.3.4.2
      • Sub-sub-sub-element 2.3.4.3
    • Sub-sub-element 2.3.5
  • Sub-element 2.4
• Element 3
• Element 4 START OPEN
  • Sub-element 4.1
  • Sub-element 4.2
    • Sub-sub-element 4.2.1
    • Sub-sub-element 4.2.2
  • Sub-element 4.3
    • Sub-sub-element 4.3.1
    • Sub-sub-element 4.3.2
      • Sub-sub-sub-element 4.3.2.1
      • Sub-sub-sub-element 4.3.2.2
      • Sub-sub-sub-element 4.3.2.3
    • Sub-sub-element 4.3.3
    • Sub-sub-element 4.3.4
    • Sub-sub-element 4.3.5 START OPEN
      • Sub-sub-sub-element 4.3.5.1
      • Sub-sub-sub-element 4.3.5.2
      • Sub-sub-sub-element 4.3.5.3
    • Sub-sub-element 4.3.6
• Element 5
• Element 6

Make a Tree with second list (start OPEN) Destroy treeview Collapse all Expand all

Add an element at the end Add an element under 2.1 Add an element under 2.3.4 Add an element under 4.3 Add an element under 4.3.4 Add an element under 5 Add an element under 6.1 Remove element 2.4 Remove element 4.3.5 Remove element 6

• SECOND LIST
• Element 2
  • Sub-element 2.1
  • Sub-element 2.2
  • Sub-element 2.3
    • Sub-sub-element 2.3.1 Light green BG here to test last child correct BG image
    • Sub-sub-element 2.3.2
    • Sub-sub-element 2.3.3
    • Sub-sub-element 2.3.4
      • Sub-sub-sub-element 2.3.4.1
      • Sub-sub-sub-element 2.3.4.2
      • Sub-sub-sub-element 2.3.4.3
    • Sub-sub-element 2.3.5
  • Sub-element 2.4
• Element 3
• Element 4
  • Sub-element 4.1
  • Sub-element 4.2
    • Sub-sub-element 4.2.1
    • Sub-sub-element 4.2.2
  • Sub-element 4.3
    • Sub-sub-element 4.3.1
    • Sub-sub-element 4.3.2
      • Sub-sub-sub-element 4.3.2.1
      • Sub-sub-sub-element 4.3.2.2
      • Sub-sub-sub-element 4.3.2.3
    • Sub-sub-element 4.3.3
    • Sub-sub-element 4.3.4
    • Sub-sub-element 4.3.5
      • Sub-sub-sub-element 4.3.5.1
      • Sub-sub-sub-element 4.3.5.2
      • Sub-sub-sub-element 4.3.5.3
• Element 5
• Element 6
  • Sub-element 6.1

Make a tree on all ul list of class "mytree" (start OPEN)

• THIRD LIST
  • Sub-element 1
  • Sub-element 2
  • Sub-element 3
    • Sub-sub-element 3.1
    • Sub-sub-element 3.2
    • Sub-sub-element 3.3
    • Sub-sub-element 3.4 START CLOSED
      • Sub-sub-sub-element 3.4.1
      • Sub-sub-sub-element 3.4.2
      • Sub-sub-sub-element 3.4.3
    • Sub-sub-element 3.5
  • Sub-element 4

• FOURTH LIST
  • Sub-element 1
  • Sub-element 2
  • Sub-element 3
    • Sub-sub-element 3.1
    • Sub-sub-element 3.2
    • Sub-sub-element 3.3
    • Sub-sub-element 3.4
      • Sub-sub-sub-element 3.4.1
      • Sub-sub-sub-element 3.4.2
      • Sub-sub-sub-element 3.4.3
    • Sub-sub-element 3.5
  • Sub-element 4