<!-- Demo for treeview -->
<ul id="example" class="filetree">
<li id="folder1" class="closed"><span class="folder">Folder 1</span>
<ul>
<li id="folder1.1"><span class="folder">Folder 1.1</span>
<ul>
<li id="file1" style="display: none;"><span class="file">File1</span></li>
</ul>
<ul>
<li id="f1"><span class="folder" id="f1">F1</span></li>
</ul>
</li>
</ul>
</li>
<li><span class="folder">Folder 2</span>
<ul>
<li><span class="folder">Subfolder 2.1</span>
<ul>
<li style="display: none;"><span class="file">File 2.1.1</span></li>
<li><span class="file">File 2.1.2</span></li>
</ul>
</li>
</ul>
</li>
<li class="closed"><span class="folder">Folder 3 (closed at start)</span>
<ul>
<li><span class="file">File 3.1</span></li>
</ul>
</li>
<li><span class="file">File 4</span></li>
</ul>
</div>