Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/11/2015, 18:33
victorfz
 
Fecha de Ingreso: abril-2002
Mensajes: 186
Antigüedad: 22 años
Puntos: 2
Mostrar menú contraido con el evento ready

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();
    });
});