我目前正在尝试学习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

07-25 23:15