javascript - 展开/折叠将页面带到顶部

Question

如果当您向下滚动页面时元素展开或折叠，页面会突然重置并且焦点会移动到页面顶部。

有什么方法可以防止页面移动或使其不那么突然？

    $(document).ready(function () {
        $(".flip").click(function () {
        var panel = $(this).next('.panel');
        $('.panel').not(panel).slideUp('slow');
        $(this).next('.panel').slideToggle("slow");
       });
    });

http://jsfiddle.net/chaddly/5FNTX/

Answer 1

尝试添加 "e.preventDefault();"

$(document).ready(function () {
    $(".flip").click(function (e) {
        e.preventDefault();
        var panel = $(this).next('.panel');
        $('.panel').not(panel).slideUp('slow');
        $(this).next('.panel').slideToggle("slow");
    });
});