JavaScript .toggle - 垂直滾動條上升？

Question

我有這樣的功能：

$(document).ready(function() { 
    $("#toggle-area").click(function() { 
    $("#show-area").toggle(300); 
    }); 
}); 

它顯示了一些短信中的鏈接時，用戶點擊。問題是我有12個鏈接，一個在另一個下面，並出現垂直滾動條。但是，當我向下滾動並單擊第12個鏈接時（例如），我的滾動條跳到頁面的頂部，我必須向下滾動直到結束才能看到出現的文本。

我該如何避免這種跳躍，並將我的列表保存在點擊之前？

這裏是鏈接 - JSFiddle

在此先感謝。

Answer 1

您可以使用preventDefault跳過默認的超鏈接行爲。
suppose＃toggle-area是超鏈接元素。

$(document).ready(function() { 
$("#toggle-area").click(function(e) { 
    $("#show-area").toggle(300); 
    e.preventDefault(); 
    }); 
});