jQuery驱动的显示/隐藏链接导致页面滚动

Question

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> 

该工程确定，但一个很烦人的怪癖：当我点击链接显示的文本块，不仅显示文本，但页面立即向下滚动，使“这段文字应该会出现和消失“在浏览器窗口的最顶端。这很让人迷惑。实际上，情况正好相反：当我点击链接使文本消失时，窗口不会滚动。

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

Answer 1

哎呀，对不起：找到了答案here。