JavaScript .toggle - 垂直滚动条上升？

Question

我有这个功能:

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

当用户点击链接时，它会显示一些文本。问题是我有 12 个链接，一个在另一个下面，并且出现垂直滚动条。但是，当我向下滚动并单击第 12 个链接时(例如)，我的滚动条跳到页面顶部，我必须向下滚动直到最后才能看到出现的文本。

如何避免这种跳转，并使我的列表保持在点击之前的位置？

这是链接 - JSFiddle

提前致谢。

Answer 1

你可以使用 preventDefault跳过默认的超链接行为。
假设#toggle-area 是一个超链接元素。

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