<!--
    // STEP 3 - Ouvrir et fermer les dossiers
    (function($) {
        $.fn.tree = function() {                    
            return this.each(function(){
                var $$ = $(this).addClass('tree');
                
                // Applique la classe 'file' aux "li" qui n'ont pas d'enfants                
                $('li:not(:has(ul))', $$).addClass('file');

                // Applique la classe 'folder' aux "li" qui ont des enfants
                $('li:has(ul)', $$).addClass('folder');
                
                // Masque tous les "ul" sous les dossiers
                $('.folder ul', $$).hide();
                
                // Affiche/masque le "ul" sous le folder lorsqu'il est cliqué
                // et y  ajoute/supprime la classe "open" puis stoppe la propagation
                // pour que les dossiers supérieurs ne "recoivent pas" le clic
                $('.folder', $$).click(function(e) {
                    $('ul:first', this).slideToggle();                    
                    $(this).toggleClass('open');
                    e.stopPropagation();
                    return false;
                });
                
                // Stoppe la propagation du clic sur les fichiers
                // pour que les dossiers supérieurs ne "recoivent pas" le clic
                // et se ferment
                $('.file', $$).click(function(e) {
                    e.stopPropagation();
                });
            });
        };
    })(jQuery);
        
    $(function() {
        $('#tree').tree();
    });
    -->
	// STEP 3 - Ouvrir et fermer les dossiers
    (function($) {
        $.fn.tree2 = function() {                    
            return this.each(function(){
                var $$ = $(this).addClass('tree2');
                
                // Applique la classe 'file' aux "li" qui n'ont pas d'enfants                
                $('li:not(:has(ul))', $$).addClass('file');

                // Applique la classe 'folder' aux "li" qui ont des enfants
                $('li:has(ul)', $$).addClass('folder');
                
                // Masque tous les "ul" sous les dossiers
                $('.folder ul', $$).hide();
                
                // Affiche/masque le "ul" sous le folder lorsqu'il est cliqué
                // et y  ajoute/supprime la classe "open" puis stoppe la propagation
                // pour que les dossiers supérieurs ne "recoivent pas" le clic
                $('.folder', $$).click(function(e) {
                    $('ul:first', this).slideToggle();                    
                    $(this).toggleClass('open');
                    e.stopPropagation();
                    return false;
                });
                
                // Stoppe la propagation du clic sur les fichiers
                // pour que les dossiers supérieurs ne "recoivent pas" le clic
                // et se ferment
                $('.file', $$).click(function(e) {
                    e.stopPropagation();
                });
            });
        };
    })(jQuery);
        
    $(function() {
        $('#tree2').tree2();
    });
    -->