Создание меню slashdot с помощью JQuery

Question

Я просто пытаюсь создать меню slashdot для своего сайта, и это то, что я получил до сих пор:

$(document).ready(function () {  
    $('ul').each(function(){
        $(this).click(function(){
           $('ul').closest('li').slideToggle(300);
        });
    }); 
});

Это просто не работает вообще, как вы можете видеть здесь

Мой HTML-код:

<ul>
    Click 1
    <li>1.1</li>
</ul>

<ul>
    Click 2
    <li>2.1</li>
</ul>

Надеюсь, кто-нибудь может помочь мне получить эту работу.

Answer 1

вам не нужно делать each and the click. просто нажмите петлю позаботится об обоих.

$(document).ready(function () {  
           $('ul').click(function(){
            $(this).children('li:first').slideToggle(300);
        });
});

скрипка: http://jsfiddle.net/HEC7z/2/