javascript - JQueryを使用してスラッシュドットメニューを作成する

Question

私は自分のサイトのスラッシュドットメニューを作成しようとしていますが、これは私がこれまでに得たものです：

$(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/