this is my first post as i am pretty new to jquery and trying out some simple stuff 

my goal is to make a simple toggle effect to show a list of comments, but my code does not work anymore after i changed the html structure  

$ ( document ) . ready ( function ( )  {
    $(".togglebox").hide('fast');
    $(".toggle-nav").click(function() {
        //$(".togglebox").toggle();
        //$(this).next('ul').toggle();       
        $(this).nextAll('ul').toggle();
    });
})​

first i used a div structure in html and it worked fine with the .next() selector .but then i changed to a list structure in html and next() did not work anymore cause it only handles siblings....so i thought using nextAll()..but it doesn't work .

you can see the full code here:

http://jsfiddle.net/pixelkai/Eu2jD/1/

hope anybody can help

thanks

pixelkai