jQuery的切换......跳跃

Question

页

的顶部我使用这个脚本，我对JS小提琴发现：http://jsfiddle.net/Q4PUw/2/

当我点击切换链接，它会切换对话框，并显示它，但是，它跳回页面顶部，然后再次向下滚动查看已切换的内容。

我可以做些什么来保持该内容的页面，以便用户不必再次向下滚动查看内容？

这里是我的代码：

<style type="text/css">p.content-one {display:none;}</style> 
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){ 
$('.expand-one').click(function(){ 
    $('.content-one').slideToggle('slow'); 
}); 
});//]]> 
</script> 
<div class="sitesection"> 
<p class="expand-one"><a href="#">Toggle Test Here</a></p> 
<p class="content-one"> 
The content goes here 
</p> 
</div> 

Answer 1

remove href="#" in <a> tag 

或

If you dont want, remove a tag because you are using expand-one class in p tag 

Answer 2

尝试使用event.preventDefault()如下所示： -

$('.expand-one').click(function(event){ 
    event.preventDefault(); 
    $('.content-one').slideToggle('slow'); 
});