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

标签 jquery html 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> 

最佳答案

remove href="#" in <a> tag

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

关于jquery 切换...跳转到页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25525784/

相关文章:

javascript - 如何使用 jQuery AutoComplete 在文本框中输入 json 值?

javascript - Rails jQuery 正在渲染文本而不是集合

jquery - DataTables 将排序图标放在指定为没有的列上

javascript - 使用 onclick 旋转图像

javascript - 显示/隐藏 iPad 的功能切换

jQuery 更改切换按钮符号

javascript - 检测用户输入的文本框的值

javascript - 将多变量 Cookie 解析为 Web 表单值

jquery - 我必须单击两次才能运行 jQuery 函数

javascript - 在表单提交之外调用此函数