淡入淡出下拉无序列表

Question

我试图在点击时淡入并淡出<ul>。我知道我使用的方法是错误的，因为它不起作用，但也因为我很确定这是因为我需要使用$(this)而不是当前的$('#innerList')，但我只是不确定是什么我要做。

http://jsfiddle.net/kyllle/tfZXE/

Answer 1

保持简单，这就是JQuery的重点：

    $(document).ready(function(){
        $('#innerList').hide();
        $('.dropLink').click(function(){
            $("#innerList").fadeToggle();            
        });
    });

Answer 2

这里你去：http://jsfiddle.net/tfZXE/13/（只需要使用切换，而不是点击，因为点击不需要2种方法。而且，你忘了在其中一个id之前添加＃）

Answer 3

试试这个：

$(document).ready(function() {
    $('.innerList').hide();
    $('.dropLink').click(function(e) {
        e.stopPropagation();
        var inner = $('.innerList', $(this).parent());
        inner.fadeToggle(200);
    });
});

小提琴：http://jsfiddle.net/maniator/tfZXE/12/

我更改了HTML，以便每个li都可以拥有自己的innerList