javascript - 打开时如何定位屏幕以显示切换元素？

Question

我正在使用以下代码作为一个简单的切换按钮来显示/隐藏一些额外的内容：

    $(".toggle .button").click(function() {
    $(this).next().slideToggle('fast');
});

问题是如果切换位于屏幕底部，用户必须向下滚动才能查看新打开的切换内容。所以我的问题是：我怎样才能通过在用户单击切换时将窗口跳转到正确的位置来自动向用户显示切换的数据？

谢谢

Answer 1

您可以使用动画来完成这项工作：

$('html,body').animate(
   {scrollTop: $('#your-content-id').offset().top},
   'slow'
);