javascript - 使用 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/