CORK Admin Template - Tree View UI Kit

Animated Basic

CSS
- style.css
Images
HTML
- PAGES
  - file name
  - file name
  - file name
- file name
- file name
index.html
components.html

<ul class="file-tree"><li class="file-tree-folder">CSS <ul><li>style.css</li></ul></li><li class="file-tree-folder empty">Images</li><li class="file-tree-folder">HTML <ul><li class="file-tree-folder">PAGES <ul><li>file name </li><li>file name </li><li>file name </li></ul></li><li>file name </li><li>file name </li></ul></li><li>index.html </li><li>components.html </li></ul>

Parent Node
- img
- css
  - style.css
- js
  - script.js
- index.html

<ul id="myUL"><li><span class="caret">Parent Node</span><ul class="nested active"><li><span class="caret caret-down">img</span><ul class="nested"></ul></li><li><span class="caret caret-down">css</span><ul class="nested"><li>style.css</li></ul></li><li><span class="caret caret-down">js</span><ul class="nested"><li>script.js</li></ul></li><li><li>index.html</li></li></ul></li></ul>