2011-02-14 104 views
0

Javascript和jQuery新手在这里。我在我的主页上写了一个链接,该链接应该切换下方元素中文本块的可见性。这里是html,后面跟着实现显示/隐藏行为的Javascript代码块。jQuery驱动的显示/隐藏链接导致页面滚动

<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> 

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

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

+0

你有任何机会的现场示例吗? – Johannes 2011-02-14 06:09:52

回答