Wie kann ich eine geschachtelte ul Liste zusammenklappen?

Question

Ich habe eine ul-Liste, die, wenn ich auf ein Element klicken schaltet die anderen Elemente im Inneren hat:

<ul> 
    <li><a href "#">Hello World</a> 

     <ul> 
      <li><a href "#">Hello World</a> 

      </li> 
      <li><a href "#">Hello World</a> 

       <ul> 
        <li><a href "#">Hello World</a> 

        </li> 
        <li><a href "#">Hello World</a> 

        </li> 
       </ul> 
      </li> 
      <li><a href "#">Hello World</a> 

      </li> 
     </ul> 
    </li> 
    <li><a href "#">Hello World</a> 

    </li> 
    <li><a href "#">Hello World</a> 

    </li> 
    <li><a href "#">Hello World</a> 

    </li> 
</ul> 

Dies ist das Skript:

$('li a').click(function (e) { 
    e.preventDefault(); 
    var ullist = $(this).parent().children('ul:first'); 
    ullist.slideToggle(); 
}); 

Here is the fiddle

Ich würde das gerne Beim Seitenladen werden alle "Ordner" geschlossen.

Ich habe versucht, es so zu tun:

$(window).load(function(){ 
    var ullist = $('li a').parent().children('ul:first'); 
    ullist.hide(); 
    $('li a').click(function (e) { 
     e.preventDefault(); 
     var ullist = $(this).parent().children('ul:first'); 
     ullist.slideToggle(); 
    }); 
}); 

aber dann nur die Haupt „Ordner“ geschlossen ist, und wenn ich darauf klicken, werden alle anderen Ordner geöffnet sind.

Answer 1

Um alle Listen zusammenbrechen Sie bereit zu ändern $('ul ul').hide() auf Dokument verwenden können:

Answer 2

Ich habe das Ergebnis! Sie benötigen var ullist = $('li a').parent().children('ul:first'); in var ullist = $('li a').parent().children('ul');