Question

我只是想为我的网站创建一个slashdot菜单，这是我到目前为止所做的：

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

这根本不起作用，因为你可以看到here

我的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/

使用JQuery创建一个slashdot菜单

1 个答案: