1.     <!-- Demo for treeview -->
  2.       <ul id="example" class="filetree">
  3.         <li id="folder1" class="closed"><span class="folder">Folder 1</span>
  4.             <ul>
  5.                 <li id="folder1.1"><span class="folder">Folder 1.1</span>
  6.                 <ul>
  7.                     <li id="file1" style="display: none;"><span class="file">File1</span></li>
  8.                 </ul>
  9.                 <ul>
  10.                     <li id="f1"><span class="folder"  id="f1">F1</span></li>
  11.                 </ul>
  12.                 </li>
  13.             </ul>
  14.         </li>
  15.         <li><span class="folder">Folder 2</span>
  16.             <ul>
  17.                 <li><span class="folder">Subfolder 2.1</span>
  18.                     <ul>
  19.                         <li style="display: none;"><span class="file">File 2.1.1</span></li>
  20.                         <li><span class="file">File 2.1.2</span></li>
  21.                     </ul>
  22.                 </li>
  23.             </ul>
  24.         </li>
  25.         <li class="closed"><span class="folder">Folder 3 (closed at start)</span>
  26.             <ul>
  27.                 <li><span class="file">File 3.1</span></li>
  28.             </ul>
  29.         </li>
  30.         <li><span class="file">File 4</span></li>
  31.     </ul>
  32.     </div>