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