JavaScript .toggle - 垂直滚动条向上移动？

Question

我有这个函数：

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

当用户点击链接时，它会显示一些文本。问题是我有12个链接，一个接一个地排列，垂直滚动条出现了。然而，当我向下滚动并点击第12个链接（例如），我的滚动条跳到页面顶部，我必须向下滚动到底部才能看到出现的文本。

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

这是链接 - JSFiddle 提前致谢。

- Peky27

---

我认为你需要了解这个：http://api.jquery.com/event.preventdefault/ - Vitorino fernandes

你能否制作一个示例页面（类似于jsfiddle或codepen），以展示你所说的内容？ - Flynn

Answer 1

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

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

- JimboSlice