如何防止點擊事件觸發顯示/隱藏？

Question

有一個可點擊的圖層。點擊它可以顯示/隱藏一些額外的內容。在這個圖層中有一個鏈接觸發另一個頁面在瀏覽器中加載。

點擊此鏈接時，也會單擊可點擊圖層，因爲它包含鏈接。我怎樣才能避免這種情況？

我想鏈接工作，但用戶點擊它時，不應顯示額外的內容。

我試着用

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

但這同時禁用隱藏/顯示和工作環節。有任何想法嗎？這裏是我的小提琴：http://jsfiddle.net/ZkPLD/

Answer 1

使用stopPropagation避免事件冒泡：

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