$(document).bind('ready', function() {
    $('ul.tree li span.dir, ul.tree li span.dir-open').click(function() {
        if($(this).hasClass('dir')) {
            $(this).removeClass('dir').addClass('dir-open');
            $(this).parent().find('ul:first').slideDown();
        } else if($(this).hasClass('dir-open')) {
            $(this).removeClass('dir-open').addClass('dir');
            $(this).parent().find('span.dir-open').removeClass('dir-open').addClass('dir');
            $(this).parent().find('ul').slideUp();
        }
    });
});