Javascript jQuery支持的显示/隐藏链接会导致页面滚动

这里是Javascript和jQuery新手。我在我的主页上写了一个链接，用来切换下面某个元素中文本块的可见性。下面是html，后面是实现显示/隐藏行为的Javascript块

<a href="#hh_bibtex">Show BibTeX</a>
<div class="bibtex" id="hh_bibtex">
  This text should appear and disappear.
</div>

<script type="text/javascript">

  $("#hh_bibtex").hide();

  $("[href='#hh_bibtex']").click(function(){
    if ( $(this).html() == "Show BibTeX" ) {
      $(this).html("Hide BibTeX");
      $("#hh_bibtex").show();
    } else {
      $(this).html("Show BibTeX");
      $("#hh_bibtex").hide();
    }
  });

</script>

此文本应该出现和消失。
$（“#hh_bibtex”）.hide（）；
$（“[href=”#hh_bibtex']”）。单击（函数（）{
如果（$（this.html（）=“Show BibTeX”）{
$（this.html（“隐藏BibTeX”）；
$（“#hh_bibtex”）.show（）；
}否则{
$（this.html（“Show BibTeX”）；
$（“#hh_bibtex”）.hide（）；
}
});

这一切正常，除了一个非常恼人的怪癖：当我点击链接显示文本块时，不仅文本会出现，而且页面会立即向下滚动，这样“文本应该出现和消失”就会出现在浏览器窗口的顶部。这很让人迷失方向。幸运的是，事实并非如此：当我点击链接使文本消失时，窗口不会滚动

---

我如何才能消除这种不受欢迎的滚动？

感谢您做了一些跟进，并提供了您找到答案的链接。对我来说，关键是放置：

event.preventDefault（）

；就在单击事件之后，执行jquery.show（）方法之前

---

感谢您做了一点跟进，并提供了找到答案的链接。对我来说，关键是放置：

event.preventDefault（）

；就在单击事件之后，执行jquery.show（）方法之前

---

你有没有可能有一个活生生的例子？你有没有为班级设置高度

bibtex

？你有没有可能有一个活生生的例子？你有没有为班级设置高度

bibtex

？

 $("#playbuttonahref").click(function() {
        event.preventDefault();
    $("#hiddenvideocontainer").show('slide', { direction: "left" }, 500);
    });