jQuery fly out div失败

Question

我已经开始编写自己的Jquery了。我一开始就在练习隐藏div，然后让它们再次可见。所以一开始我通过Jquery隐藏了div

 $(".hidden-div1").hide();  
 $(".hidden-div2").hide();  

然后，我创建了基本的div，并按照tut学习了如何使用slideToggle。

$("#show1").click(function () {
    $(".hidden-div1").slideToggle("slow");
});

$("#show2").click(function () {
    $(".hidden-div2").slideToggle("slow");
});

所以我在页面上有两个链接和两个隐藏的div，它们工作得很好，根据滑动开关可以滑出和隐藏。

然而，其中一个链接位于我的页面的一半位置。当它被点击时，它不仅会滑出隐藏的div (正如它应该做的那样)，而且会跳到网站的最顶部。然后我必须向下滚动才能看到新的div。我的问题是。如何在单击链接时停止跳转到页面顶部？如果我的问题没有意义，我可以在网站上发布一个链接。

感谢Stacker

Answer 1

使用event.preventDefault()或使用按钮的<a>元素以外的其他元素。检查这个：http://jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function () {
    //hide some divs
    $(".hidden-div1").hide();

    $("#show1").click(function (event) {
        $(".hidden-div1").slideToggle("slow");
        event.preventDefault()
    });
});

Answer 2

变化

查找More< /a>

至

查找More< /span>

当你用#点击链接时，它会刷新页面并跳转到顶部。对所有“查找更多”按钮执行此操作。希望能有所帮助。