<!-- include css and JQuery library scripts -->
  
<link rel="stylesheet" href="http://www.yoursite.com/yourscripts/jquery.treeview.css" />

<script src="http://www.yoursite.com/yourscripts/jquery.js" 
                                   type="text/javascript"></script>
<script src="http://www.yoursite.com/yourscripts/jquery.cookie.js" 
                                   type="text/javascript"></script>
<script src="http://www.yoursite.com/yourscripts/jquery.treeview.js" 
                                   type="text/javascript"></script>
<script language="javascript">
  
//initialize the tree  
$(document).ready(function(){
      
  $("#browser").treeview();

});  
</script>


<!-- begin JQuery tree folder structure -->
<ul id="browser" class="filetree">
  <li class="closed"><span class="folder">Products</span>
    <ul>
      <li><span class="file">Product 1</span></li>
      <li><span class="file">Product 2</span></li>
      <li><span class="file">Product 3</span></li>
      <li><span class="file">Product 4</span></li>
    </ul>
  </li>
  <li class="closed"><span class="folder">Customers</span>
    <ul>
      <li class="closed"><span class="folder">North America</span>
        <ul id="folder21">

          <li><span class="file">E & M Company</span></li>
          <li><span class="file">America  L.P</span></li>
        </ul>
      </li>
      <li class="closed"><span class="folder">South America</span>
        <ul id="folder22">

          <li><span class="file">Y-T Affiliates</span></li>
          <li><span class="file">ZEC Company</span></li>
        </ul>
      </li>
      <li class="closed"><span class="folder">Europe</span>
        <ul id="folder23">
          <li><span class="file">Triton delegates</span></li>
          <li><span class="file">DIF Company</span></li>
        </ul>
      </li>        
    </ul>
  </li>
  <li class="closed"><span class="folder">Employees</span>
    <ul>
      <li><span class="file">Employee 1</span></li>
      <li><span class="file">Employee 2</span></li>
      <li><span class="file">Employee 3</span></li>
    </ul>
  </li>
</ul>
<!-- end of JQuery folder structure -->