Example: Persist

Cookie persistence is enabled here.
Also, double-click handler expands document nodes.
Select a node and hit [F5] to refresh, to see how the active node and expansion and selection states are restored.

NOTE: if this doesn't seem to work, it's probably because the frame content is cached by the browser.
Try this example as an unframed page.

item1 with key and tooltip
item2
Folder with some children
- Sub-item 3.1
  - Sub-item 3.1.1
  - Sub-item 3.1.2
- Sub-item 3.2
  - Sub-item 3.2.1
  - Sub-item 3.2.2
Document with some children (expanded on init)
- Sub-item 4.1 (active and focus on init)
  - Sub-item 4.1.1
  - Sub-item 4.1.2
- Sub-item 4.2
  - Sub-item 4.2.1
  - Sub-item 4.2.2

Active node: -

jquery.dynatree.js project home Link to this page Example Browser View source code