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。