slidetoggle,选择链接后返回页面顶部

Question

单击链接时我有一个div滑动

<a href="#" id="related-courses">Related Courses</a>

<div id="related-courses-section">
 <p>Content</p>
</div>

$('#related-courses').click(function() {
 $("#related-courses-section").slideToggle(100);
});

CSS设置为display:none; 对于#related-courses-section(默认隐藏)

它将显示其中包含内容的div,但是在点击链接后它会将我带到页面顶部,为什么会这样做呢？

Answer 1

尝试添加return false;到您的点击功能,如下所示:

$('#related-courses').click(function() {
 $("#related-courses-section").slideToggle(100);
 return false;
});

这将阻止导航到链接URL的默认链接点击行为.