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

Question

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

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

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

我试过

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

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

Answer 1

使用stopPropagation来避免事件冒泡：

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