javascript - 如何防止点击事件触发显示/隐藏？

Question

有一个可点击的图层。单击它会显示/隐藏一些额外的内容。在这一层中，有一个链接会触发另一个页面在浏览器中加载。

单击此链接时，也会单击可单击层，因为它包含链接。我怎样才能避免这种情况？

我希望链接能够正常工作，但是当用户单击它时，不应显示额外的内容。

我试过了

$('.link').click(function(event){
     return false;      
});

但这会禁用隐藏/显示和工作链接。有任何想法吗？这是我的小提琴：http: //jsfiddle.net/ZkPLD/

Answer 1

使用stopPropagation避免事件冒泡：

$('.link').click(function(event){
     event.stopPropagation();
});