javascript - 使用click事件淡入和淡出隐藏的div

我目前正在尝试学习jquery的基础知识，并希望就如何实现以下内容提供一些建议。

当我单击“下拉”链接时，隐藏的链接列表会淡入，当我单击页面中除#innerList标记之外的任何部分时，隐藏的列表就会淡出，或者如果我单击其中一个隐藏的链接，则列表也消失了。

我目前的努力在这里http://jsfiddle.net/kyllle/b6XC4/

获得有关如何实现此结果的一些建议将是很棒的。

最佳答案

如果将JS更改为Follow，则可以达到上述效果。

var innerList = '#innerList';

    $(innerList).hide();

    $('a.mainButton').click(function(e) {
        $(innerList).fadeIn('slow');
        e.stopPropagation();
    });
    $(document).click(function(e){
        $(innerList).fadeOut('slow');
    });

另外，我建议将标签href更改为“＃”以进行测试或完全删除href。

创建一个jsfiddle。