jquery 切换...跳转到页面顶部

Kay*_*ose 2 html jquery toggle

我正在使用在 JS fiddle 上找到的脚本: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> 
Run Code Online (Sandbox Code Playgroud)

小智 5

remove href="#" in <a> tag
Run Code Online (Sandbox Code Playgroud)

或者

If you dont want, remove a tag because you are using expand-one class in p tag
Run Code Online (Sandbox Code Playgroud)