Yuvalanmış bir ul listesini nasıl daraltabilirim?

Question

Ben içimde diğer öğelerine sahip bir öğeye tıklarsanız değiştirir ki bir ül listesi var:

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

Here is the fiddle

bunu isterim:

<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> 

Bu script pageload üzerinde tüm "klasörler" kapalıdır.

Ben böyle yapmaya çalıştık:

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

ama sonra sadece ana kapatılır "klasör" ve bunun üzerine tıkladığınızda, tüm diğer klasörler açıktır.

Answer 1

içine Var ullist = $('li a').parent().children('ul:first'); değiştirmek gerekiyor:

Answer 2

Sonuçum var! Hazır belge üzerinde $('ul ul').hide() kullanabileceğiniz tüm listeleri daraltmak için var ullist = $('li a').parent().children('ul');