FruitBatInShades Code

// (C) FruitBatInShades.com Jan 2009
//
// Simple extensions to turn a ul into a treeview
//
// History:
// 0.1 - Simply folds nested treeviews by hiding li.directory ul's and fires passed in callback when the node has href=#= or class of file
//
// TERMS OF USE
// 
// jQuery.fbis.Treeview is licensed under a Creative Commons License and is copyrighted (C)2008 by FruitBatInShades, a.k.a. Lee Davies
// For details, visit http://creativecommons.org/licenses/by/3.0/uk/
// Based up jQuery File Tree by Cory S.N. LaViska.
/*
    Usage: $('#ParentDiv').treeview(options,nodeClick)
 
    Simple plugin that takes a unordered list, collapses all li.directory on init and handles expanding and collapsing those nodes.
    It also accepts a callback that is fired when a link with a href of '#' is found.
*/
if (jQuery) (function($) {
    $.extend($.fn, {
        treeview: function(options, callback) {
            // Defaults
            if (!options) var options = {};
 
            // initialise tree
            var tree = $(this);
            //collapse folder initially
            tree.find('ul.Treeview li.directory').addClass('collapsed')
            //add click handler
			tree.click(function(e) { handleClick(e) });
 
            function handleClick(e) {
                //is the click on me or a child
                var node = $(e.target);
                //check the link is a directory
                if (node.is("li.directory")) { //Is it a directory listitem that fired the click?
                    //do collapse/expand
                    if (node.hasClass('collapsed')) {
                        node.find('>ul').toggle(); //need the > selector else all child nodes open
                        node.removeClass('collapsed').addClass('expanded');
                    }
                    else if (node.hasClass('expanded')) {
                        node.find('>ul').toggle();
                        node.removeClass('expanded').addClass('collapsed');
                    }
                    //its one of our directory nodes so stop propigation
                    e.stopPropagation()
                } else if (node.attr('href') == '#' | node.hasClass('file')) {
                    //its a file node with a href of # so execute the call back
                    // if the item that fired the click is not either a folder or a file it cascades as normal
                    // so that contained links behave like normal
                    callback(e);
                }
 
            }
        }
    });
})(jQuery);

<script type="text/javascript">
			$('document').ready(function(){
				$('#demo').treeview(null, function(e){alert(e.target);});
				}
			);
		</script>
		<div id="demo">
		<ul class="Treeview">
			<li class="directory">Directory
				<ul>
					<li class="file">file</li>
					<li class="directory">directory
						<ul>
							<li class="file">file</li>
							<li class="file">file</li>
						</ul>
					</li>
				</ul>
			</li>
			<li class="directory">Directory
				<ul>
					<li class="directory">directory
						<ul>
							<li class="directory">directory
								<ul>
									<li class="file">file</li>
								</ul>
							</li>
							<li class="file">file</li>
							<li class="file">file</li>
							<li class="file">file</li>
						</ul>
					</li>
					<li class="file">file</li>
					<li class="file">file</li>
					<li class="file">file</li>
				</ul>
			</li>
			<li class="file">file</li>
			<li class="file">file</li>
		</ul>
		</div>