[SOLUCIONADO] Mostrar menú contraido con el evento ready

[victorfz]

Hola,
Tengo este menú tipo árbol que me gusta mucho como funciona pero no consigo hacer que se muestre el menú contraído al cargar la página.
Aquí se puede ver una demos y se puede probar el código fuente sin instalarlo ni nada http://jsfiddle.net/jhfrench/GpdgF/
¿Alguien me puede echar un cable?


He probado a anteponer esto pero no me funciona.

Código:

$(document).ready(function() {
    var children = $(document).find(' > ul > li');
    children.hide('fast');
});

Código original

Código:

$(function () {
    
    $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
    $('.tree li.parent_li > span').on('click', function (e) {
        var children = $(this).parent('li.parent_li').find(' > ul > li');
        if (children.is(":visible")) {
            children.hide('fast');
            $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
        } else {
            children.show('fast');
            $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
        }
        e.stopPropagation();
    });
});

[siddartha23]

Utiliza un trigger:

Código Javascript:

$('.tree li.parent_li > span').trigger('click');
 

[victorfz]

Iniciado por siddartha23

Utiliza un trigger:

Código Javascript:

$('.tree li.parent_li > span').trigger('click');
 

Muchas gracias me ha sido muy útil